AbimaelAndrade / aceleradev-contacts-app-react

SPA: App de Contatos - Utilizando os fundamentos e React OO

Home Page:https://awesome-raman-ae6967.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

SPA: App de Contatos - Fundamentos e React OO

Objetivo:

O desafio é desenvolver um SPA (Single Page Application) de uma lista de contatos em React com as seguintes funcionalidades:

  • Consumir os dados de contato através de uma API Rest, usando a Fetch API do Javascript.
  • Busca de um contato aplicando filtro em tempo real.
  • Aplicar filtros de ordenação por Nome, País, Empresa, Departamento e Data de Admissão.

API de Contatos:

GET: https://5e82ac6c78337f00160ae496.mockapi.io/api/v1/contacts

Requisitos - Parte 1:

  • Modularize os componentes na pasta components.
  • Atualize os arquivos de componentes carregando corretamente seus estilos e suas marcações JSX.

Iniciar o projeto:

  • Instale as dependências do projeto com o comando yarn install ou npm install.
  • Inicie o projeto com comando yarn start ou npm start / npm run start.

Tópicos:

Neste desafio você vai praticar os seus conhecimentos em:

  • React
  • Modularização

Requisitos:

Screenshot de Referência

About

SPA: App de Contatos - Utilizando os fundamentos e React OO

https://awesome-raman-ae6967.netlify.app/


Languages

Language:JavaScript 72.6%Language:CSS 19.0%Language:HTML 8.3%