Descrição do Projeto | Vídeo | Funcionalidades | Tecnologias | Clonando o Projeto | Contato
| 🚀 URL | https://contactlyst-react.netlify.app/
A agenda de contatos fue desenvolvida em React, esta biblioteca muito poderosa para construir interfaces de usuario, a interação com API REST foi com Axios que é um cliente http baseado promesas em ou que permite aproveitar o assync e await de Javascript para obter um codigo mais assincrono e legivel
bandicam.2023-01-04.15-32-25-730.mp4
Funcionalidade 1: Interagir con API REST usando AXIOS em React
Funcionalidade 2: Realizar solicitudes GET para listar dados de API Fake
Funcionalidade 3: Realizar solicitudes POST para cadastrar novos contatos
Funcionalidade 4: Realizar solicitudes PUT para Modificar datos de contato
Funcionalidade 5: Realizar solicitudes DELETE para remover datos de contato
As seguintes ferramentas foram usadas na construção do projeto:
- ReactJS
- React Router v5
- Axios
- Json-Server
- React Boostrap
- sweetalert2
- CSS Module / CSS
- Javascript / Fetch API
- HTML
- Yarn
Para clonar e executar este projeto em seu computador, você precisará do Git, Node.js v16.13.2 ou superior previamente instalados.
Você também precisará da API do projeto rodando, portanto, antes de continuar não esqueça executá-la primeiro!
Feito esses passos, no terminal:
# Clone esse repositório com:
> https://github.com/gilbonett/ReactJS-AgendaContato.git
# Entre no repositório com:
> cd contact-directory
# Instale as dependências com:
> npm install
# Execute o projeto com:
> npm start
# Execute o API do projeto com:
> npm server
# Feito isso, você já poderá acessar o projeto pelo link que aparecerá no terminal! (algo como http://192.168.100.7:3000/ ou http://localhost:3000/)
Vitrine.Dev 🪟
|
Pedro Gil Bonett
|
