Skip to content

Latest commit

 

History

History
71 lines (48 loc) · 2.59 KB

File metadata and controls

71 lines (48 loc) · 2.59 KB

Day Notes

License Node.js React.js MongoDB

Day Notes é uma aplicação web para gerenciar notas diárias, utilizando um back-end em Node.js e um front-end em React.js, com MongoDB como banco de dados. O projeto implementa funcionalidades CRUD completas, permitindo a criação, leitura, atualização e exclusão de notas.

📚 Funcionalidades

  • CRUD Completo: Adicione, edite, exclua e visualize notas.
  • Interface Dinâmica: As notas são exibidas em "caixinhas" que mudam dinamicamente conforme cada ação.
  • Banco de Dados: Armazena e gerencia as notas usando MongoDB.

🛠️ Tecnologias Utilizadas

  • Node.js: Servidor back-end.
  • Express.js: Framework para Node.js.
  • React.js: Biblioteca para criação de interfaces de usuário.
  • MongoDB: Banco de dados NoSQL para armazenamento de dados.
  • Mongoose: ODM para MongoDB.
  • Axios: Cliente HTTP para comunicação entre o front-end e back-end.

🎨 Capturas de Tela

Tela Principal

Tela Principal

Adicionando uma Nota

Adicionando uma Nota

Excluindo uma Nota

Excluindo uma Nota

Lista de Notas

Lista de Notas

Editando uma Nota

Editando uma Nota

🚀 Como Executar o Projeto

  1. Clone o repositório: git clone https://github.com/seu-usuario/Day-Notes.git

  2. Instale as dependências do back-end: cd backend npm install

  3. Instale as dependências do front-end: cd ../frontend npm install

  4. Configure as variáveis de ambiente: Crie um arquivo .env no diretório backend com as seguintes variáveis: MONGO_URI=mongodb://localhost:27017/daynotes PORT=5000

  5. Execute o servidor back-end: npm start

  6. Execute o front-end: npm start

  7. Acesse a aplicação: Front-end: http://localhost:3000 Back-end: http://localhost:5000/api