edvansts / bebop-trac

A front-end management system.

Home Page:http://beboptrac.edvan.software

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 🤯

About

A front-end management system.

http://beboptrac.edvan.software

License:MIT License


Languages

Language:TypeScript 90.5%Language:SCSS 5.7%Language:HTML 3.0%Language:JavaScript 0.7%