/bebop-trac

A front-end management system.

Primary LanguageTypeScriptMIT LicenseMIT

BebopTrac

bebop-trac


🧪 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

🚀 Como executar

Clone o projeto e acesse a pasta do mesmo.

Para iniciá-lo, siga os passos abaixo:

# Instalar as dependências
$ yarn
# Criar arquivo .env.local na raiz do projeto
# Adicionar as váriaveis de ambiente no novo arquivo
REACT_APP_API_URL=https://my-json-server.typicode.com/tractian/fake-api
# Iniciar o projeto
$ yarn start

O mesmo estará disponível no seu browser pelo endereço http://localhost:3000

💻 Projeto

BebopTrac é um painel onde você poderá visualizar, e gerenciar seus Ativos, Empresas, Unidades e Usuários.

Aqui abaixo estão alguns prints das telas da aplicação:

Home

image O gráfico de linha e as informações de novos ativos e inativos são geradas de forma aleatória, logo o gráfico não reflete dados reais da api, e seu intuito é somente visual.

Ativos

image

image

Empresas

image

image

Unidades

image

image

Usuários

image

image

O restante das funcionalidades é bastante intuitivas.

🔖 Layout

O Layout foi criado por mim no decorrer do desenvolvimento do projeto, não sou nenhum especialista em UX UI, mas tentei entregar o meu melhor 🤯