📰 To do List - NODE

O To do list é um projeto desenvolvido sobre orientação de Node.js e organização estrutual MVC em JavaScript durante o curso oferecido pela Hora de Codar. Ele permite que os usuários adicionem, removam e marquem tarefas como concluídas, proporcionando uma interface interativa e dinâmica. O código implementa uma lógica para gerenciar as tarefas, garantindo que a interface seja atualizada automaticamente conforme o usuário interage com a aplicação.

🌐 Interface Web

A página principal apresenta uma interface simples e funcional, permitindo ao usuário realizar operações matemáticas básicas de forma intuitiva.

🔍 Testando Localmente

Para testar o projeto localmente, siga estas etapas:

1. Abra o terminal (ou prompt de comando) e execute o seguinte comando para clonar o repositório:

   git clone https://github.com/joaocastro95/To-do-List-NODE.git

2. Após clonar o repositório, abra o terminal e vá até a pasta clonada.

   cd caminho/para/a/pasta/do/projeto

3. Instale as dependências.

npm install

4. Inicialize o projeto.

   npm start

5. Abra a porta no navegador.

   http://localhost:3000/tasks

Isso abrirá a interface web do projeto. Se o servidor estiver funcionando corretamente, você verá a página principal onde poderá utilizar o "To do list - NODE".

📝 Observação

Se você encontrar algum problema ou a página não carregar, consulte a seção de Autores e entre em contato conosco.

🛠️ Estrutura do Projeto

Mantivemos uma estrutura organizada para facilitar a manutenção e a compreensão do código:

📝 To-Do List com Node.js

Projeto de lista de tarefas com backend em Node.js, Express, Handlebars e frontend básico.

🚀 Estrutura do Projeto

Backend

• controllers/
  • TaskController.js: Lógica do CRUD (criar, ler, atualizar, deletar tarefas).
• db/
  • conn.js: Configuração da conexão com o banco de dados (ex: MongoDB).
• models/
  • Task.js: Modelo de dados das tarefas.
• routes/
  • tasksRoutes.js: Rotas da API para gerenciar tarefas.
• views/
  • layouts/
    • main.handlebars: Template base do Handlebars.
  • tasks/
    • all.handlebars: Página que lista todas as tarefas.
    • create.handlebars: Formulário de criação de tarefas.
    • edit.handlebars: Formulário de edição de tarefas.
• index.js: Arquivo principal do servidor (configura Express, Handlebars, etc.).

Frontend

• public/css/
  • styles.css: Estilos CSS das páginas.

Configurações

• .gitignore: Ignora arquivos como node_modules e .env.

• package.json: Lista de dependências e scripts.

• package-lock.json: Versões exatas das dependências.

• README.md - Documentação do projeto.

  ---

🚀 Tecnologias Utilizadas

Ferramenta	Descrição
	Ambiente de execução JavaScript backend
	Framework para construção do servidor web
	Engine de templates para renderização HTML
	Banco de dados relacional utilizado
	Interface gráfica para gerenciamento do banco
	ORM para conexão com MySQL
	Estrutura e estilização das páginas
	Editor de código utilizado
	Sistema operacional utilizado

📝 Autores

João Castro