Desafio Medicar [ Frontend ]

Descrição: Teste prático Intemed Frontend

Autor: Eymard Neto ( linkedin )

Link deploy na nuvem

• https://delightful-island-0202f5a1e.5.azurestaticapps.net

OBS: Como a api utilizada não utiliza https você precisa permitir conteúdo não seguro para o site. Basta ir nas permissões do site no seu navegador e ativar o contéudo não seguro.

Tecnologias

• React 18.3.1
• Vite 5.4.1
• Styled Components 6.1.12
• React Query 3.39.3
• React Hook Form 7.52.2

Pré-requisitos para Setup

• Git
• Node 18+

Setup Frontend

Esse guia irá te ajudar a executar a aplicação em ambiente de desenvolvimento

1. Clonar o repositório e atualizar arquivo de ambiente

Clone o repositório:

git clone <https://github.com/franciscoeymardneto/Intmed-front-react.git>

Entre na pasta raiz do projeto e crie o arquivo .env com as variáveis abaixo:

VITE_BASE_URL=http://109.199.100.71:8000

OBS: Você pode usar essa URL de uma API do Medicar que já está pronta para uso! Segue as credenciais do menu admin:

Url menu admin: http://109.199.100.71:8000/admin
Usuário: testintmed
Senha: @Intmed2024#

Caso prefira usar o seu deploy da API, Coloque a url da API backend do projeto medicar.

2.[Docker] Execute a aplicação usando Docker

Caso você queira utilizar o Docker para executar a aplicação, na raiz do projeto execute os comando abaixo:

docker compose up --build

2.[NPM] Instalando dependencias

Na raiz do projeto execute o comando para instalar as dependências:

npm install

3. Execute a aplicação

Execute a aplicação para poder ter acesso ao sistema

npm run dev

4. Acessos

• Acesse a aplicação através do endereço: http://localhost:5173/

Agora basta só criar sua conta e testar a aplicação!!

OBS: Lembre de popular o banco através do menu Admin do Django para que o frontend tenha o que consumir