RafaRz76Dev / Simple-Project-To-Do-List-Node

Desenvolvi uma Lista de Tarefas que não só fortaleceu meu aprendizado HTML, CSS, JavaScript e Node, mas preparou-me para desafios futuros, aplicando o padrão MVC para eficiência e interatividade. Nesta aplicação, os usuários podem interagir ao adicionar suas tarefas e verificar que elas são salvas em um banco de dados!!!

Project Simple-Project-To-Do-List!!!

[Demonstração-Manage Tasks of the Day]

---

Objetivo

• O projeto que desenvolvi representa uma ferramenta essencial para meus estudos e futuros trabalhos: uma Lista de Tarefas do dia-a-dia. Nesta aplicação, os usuários podem interagir ao adicionar suas tarefas e verificar que elas são salvas em um banco de dados. Além disso, apliquei o padrão de arquitetura MVC (Model-View-Controller) para organizar e estruturar o código de forma eficiente. Utilizei as principais tecnologias, incluindo HTML, CSS, JavaScript e Node, para implementar esse projeto. Esta experiência não apenas consolidou meus conhecimentos nessas áreas, mas também me preparou para enfrentar desafios futuros com confiança.

1. Configuração do Ambiente de Desenvolvimento:

• Criação de um diretório para o projeto e abrir no terminal bash.

2. Inicialização do Projeto:

Execute os seguintes comandos no terminal:

• Terminal bash:

npm init -y

npm install express sqlite3

3. Estrutura do Projeto:

Project-To-Do-List/
│
├── db/
│   └── database.sqlite  // Arquivo de banco de dados
│
├── public/
│   └── index.html      // Página HTML
│
├── src/
│   ├── controllers/
│   │   └── taskController.js  // Controlador de tarefas
│   │
│   ├── models/
│   │   └── taskModel.js       // Modelo de tarefa
│   │
│   └── app.js        // Arquivo principal
│
└── package.json

4. Configuração do Banco de Dados:

• Execute o seguinte comando no terminal para criar o banco de dados:

touch db/database.sqlite

5. Execução e Teste:

Agora para interagir com o projeto:

Vai rodar o ambiente de execução:

node src/app.py e 👉 Abra "http://localhost:3000/" para visualizar o projeto em seu navegador.

---

Tecnologias

Tecnologias utilizadas no projeto:

• HTML5 (Linguagem de marcação utilizada para a construção das páginas web).

• CSS3 (Mecanismo para adicionar estilos a uma página web).

• JavaScript (Linguagem de programação de alto nível, que pode ser interpretada ou compilada just-in-time (JIT) para execução em um ambiente específico).

• Node (Ambiente de execução que permite aos desenvolvedores escrever código JavaScript do lado do servidor).

• Git (Sistema de controle de versões).

• Github (Plataforma para hospedagem de código-fonte).

• Visual Studio Code (Editor de código-fonte).

• Navegador web (Interação com documentos HTML).

---

Ferramenta utilizada no projeto:

• VsCode (v1.80.1)

---

Licença

• Esse projeto está sob a licença MIT.

---

Autor

   RafaRz76Dev
   Whatsapp | LinkedIn | GitHub| Tableau| Portfólio