https://github.com/danielegiidio/contacts_node_react_mysql

CRUD de uma agenda de contatos
https://github.com/danielegiidio/contacts_node_react_mysql

Last synced: 1 day ago
JSON representation

CRUD de uma agenda de contatos

• Host: GitHub
• URL: https://github.com/danielegiidio/contacts_node_react_mysql
• Owner: DanielEgiidio
• Created: 2022-10-10T22:47:45.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2022-10-14T00:24:35.000Z (about 2 years ago)
• Last Synced: 2024-11-06T01:37:03.387Z (about 2 months ago)
• Language: JavaScript
• Size: 306 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![image-2](https://user-images.githubusercontent.com/45204474/195733501-b6325ff0-8b61-4d50-a879-4dde47cc1bcf.png)

## 🚀 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

https://user-images.githubusercontent.com/45204474/195733125-806d59d1-1309-4a4e-a2bc-4bf9fb596e70.mp4

## 👨‍💻 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

- [React](https://reactjs.org)

- [Styled Components](https://styled-components.com/docs)

- [Node](https://nodejs.org/en/docs/)

- [Express](https://expressjs.com/pt-br)

- [React Toastify](https://fkhadra.github.io/react-toastify)

- [MySql](https://www.mysql.com/)

## ⚙️ 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.

```sh

# BackEnd

$ cd backend

$ npm install

$ npm start

```

```sh

# FrontEnd

$ cd frontend

$ npm install

$ npm start

```