https://github.com/raizertechdev/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!!!
https://github.com/raizertechdev/simple-project-to-do-list-node
css3 git github html5 javascript nodejs
Last synced: 10 months ago
JSON representation
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!!!
- Host: GitHub
- URL: https://github.com/raizertechdev/simple-project-to-do-list-node
- Owner: RaizerTechDev
- License: mit
- Created: 2024-04-04T00:35:40.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-10-29T01:26:15.000Z (about 1 year ago)
- Last Synced: 2025-01-11T08:12:13.714Z (12 months ago)
- Topics: css3, git, github, html5, javascript, nodejs
- Language: JavaScript
- Homepage: https://raizertechdev-list.vercel.app/
- Size: 5.55 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
- License: LICENSE
Awesome Lists containing this project
README
# 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
```
### 3. Estrutura do Projeto:
```
Project-To-Do-List/
│
├── public/
│ └── index.html // Página HTML
│
├── src/
│ │
│ ├── models/
│ │ └── taskModel.js // Modelo de tarefa
│ │
│ └── app.js // Arquivo principal
│
└── package.json
```
### 4. Instalando dependências:
- Execute o seguinte comando no terminal:
```
npm install express filesystem dotenv mongoose
```
### 5. Execução e Teste:
Agora para interagir com o projeto:
#### Vai rodar o ambiente de execução:
```node src/app.js``` 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](https://code.visualstudio.com/download) (v1.80.1)
***
## Licença
- Esse projeto está sob a licença MIT.
***
Autor
   RafaRaizer-Dev
   Whatsapp | LinkedIn | GitHub| Tableau| Portfólio