Saúde Timon 24h - Frontend Administrator

Sobre o Projeto

O aplicativo Saúde Timon 24h permite aos usuários realizar o cadastro para a vacinação contra a Covid-19 na cidade de Timon-MA.

Dentre as funcionalidades estão o cadastro para a vacinação por grupos, checagem do status do cadastro, consulta a locais de vacinação, entre outros.

O projeto atual é um painel administrativo onde somente pessoas credenciadas podem acessar o sistema.

Tecnologias e Estrutura

O projeto foi escrito utilizando as seguintes tecnologias:

• Linguagem: Typescript
• Biblioteca: ReactJS (inicializado com o Create React App)
• Biblioteca de Componentes: Material-UI v4

O projeto foi escrito utilizando o padrão de hooks do react (React Hooks) utilizando componentes funcionais. Dentre as pastas do projeto, se destacam:

• src: Pasta principal que contém todos os arquivos importantes do projeto.
• src/components: Pasta onde se localizam componentes reutilizáveis.
• src/contexts: Pasta que contém algumas APIs de contexto.
• src/pages: Pasta que contém as páginas do sistema, definidas no arquivo routes. tsx.
• src/services: Pasta que contém os providers utilizados no sistema.
• src/typescript: Pasta que contém as tipagens e interfaces utilizadas pelo typescript.
• src/utils: Pasta que contém funções utilitárias.

Como executar o projeto

Desenvolvimento

1. Instalar as dependências.

$ npm i

$ yarn

2. Copiar o arquivo .env.example nomeando como .env e setar as variáveis de ambiente necessárias.

3. Iniciar o projeto

$ npm run start

$ yarn start

4. Após isso o projeto estará pronto para ser utilizado em desenvolvimento.

Produção

1. Instalar as dependências.

$ npm i

$ yarn

2. Copiar o arquivo .env.example nomeando como .env e setar as variáveis de ambiente necessárias.

3. Gerar a build de produção

$ npm run build

$ yarn build

4. Iniciar o conteúdo da pasta gerada build utilizando algum servidor web.

5. Após isso o projeto estará pronto para ser utilizado em produção.

(Dados fictícios gerados no site 4Devs)