🪙 Agenda de Contatos CRUD ReactJs

Descrição do Projeto   |    Vídeo   |    Funcionalidades   |    Tecnologias   |    Clonando o Projeto   |    Contato

| 🚀 URL | https://contactlyst-react.netlify.app/

📝 Descrição do Projeto

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

📹 Apresentação em Vídeo do Projeto

bandicam.2023-01-04.15-32-25-730.mp4

**Caso o vídeo apresente algum erro, recarregue a página!**

📝 Funcionalidades do Projeto

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

🚀 Tecnologias e Bibliotecas

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

📖 Clonando o Projeto

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/)

🤝 Desenvolvedores

Vitrine.Dev 🪟 Pedro Gil Bonett 🪧 Vitrine.Dev Pedro Gil Bonett ✨ Nome Agenda de Contatos CRUD ReactJs 🏷️ Tecnologias ReactJs 📷 Img

Voltar ao Topo