danielegiidio / contacts_node_react_mysql

CRUD de uma agenda de contatos

🚀 Info

O projeto é simples porém traz consigo toda uma base, sobre como utilizar essas 3 ferramentas juntas de maneira harmônica.

No Backend foi utilizado o Nodejs junto com Express fornecendo os recursos necessários para a aplicação web, o banco de dados foi utilizado o MySql, onde a tabela de usuários foi criada e conectada ao backend, e por fim o Front End utilizando Reactjs, a Estilização foi feita com styled components e as notificações ficarama cargo da lib toastify.

A aplicação é uma agenda de contatos, onde o usuário pode adicionar um usuário novo, visualizar aquele usuário específico, editar ele, e deletar, todos os metodos de um CRUD, o sistema conversa diretamente com o backend que por fim conversa com o banco de dados.

🎥 Apresentação da Aplicação

Gravar_2022_10_13_20_54_33_820.mp4

👨‍💻 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• React
• Styled Components
• Node
• Express
• React Toastify
• MySql

⚙️ Como rodar o projeto

Para rodar a aplicação você precisa ter instalado na sua maquina, o Nodejs, MySql e alguma IDE, para rodar localmente.

# BackEnd
$ cd backend
$ npm install
$ npm start

# FrontEnd
$ cd frontend
$ npm install
$ npm start