Skip to content

afpp3/coodesh-frontend-challenge

Repository files navigation


Desafio proposto pela Coodesh

GitHub language count Repository size GitHub last commit

🚧 Concluído 🚧

Tabela de conteúdos

💻 Sobre o projeto

O sistema consiste em uma web app para visualização e dos pacientes já cadastrados, no qual irá consumir a api para listar os pacientes, ao clicar no botão view, podemos expandir as informações do paciente selecionado onde irá mostrar a imagem do paciente e outras informações complementares.

Desafio proposto pela Coodesh que pode ser acessado pelo link: Front-End Challenge 🏅 2021


⚙️ Funcionalidades

  • Listagem dos pacientes
  • Filtro de busca de paciente pelo nome e sobrenome
  • Visualização detalhada de cada paciente selecionado no modal
  • Design Responsivo

🎨 Layout

Layout responsivo

Gif do projeto


💻 Preview

Clique no botão abaixo para para visualizar o resultado do projeto no ar.

Deploy with Vercel

🚀 Como executar o projeto

Pré-requisitos:

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode

🧭 Rodando a aplicação web

# Clone este repositório
$ git clone https://github.com/afpp3/coodesh-frontend-challenge.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd coodesh-frontend-challenge

# Instale as dependências
$ yarn

# Execute a aplicação em modo de desenvolvimento
$ yarn dev

# A aplicação será aberta na porta:3000
$ acesse a url http://localhost:3000 no seu navegador para visualizar o projeto

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

🦸 Autor

Profile Image


André Felippe

Linkedin Badge Gmail Badge