Skip to content

Um aplicativo completo de lista de tarefas com autenticação de usuário, gerenciamento de tarefas e persistência de dados. Desenvolvido com Angular e Express.js.

License

Notifications You must be signed in to change notification settings

heitorrsdev/To-Do-List

Repository files navigation

To-Do List Application

Status do Projeto Licença Frontend Deploy Backend API

Este é um aplicativo de lista de tarefas completo, desenvolvido para ajudar usuários a organizar suas atividades diárias de forma eficiente. O projeto é composto por um Frontend em Angular e um Backend em Express.js, oferecendo uma solução robusta e escalável para gerenciamento de tarefas.

🚀 Funcionalidades Principais

  • Autenticação de Usuário: Registro e login seguros com JWT para gerenciar tarefas pessoais.
  • Gerenciamento de Tarefas (CRUD): Adicione, edite, marque como concluída e exclua tarefas.
  • Interface Intuitiva: Design limpo e responsivo, desenvolvido com Angular.
  • Persistência de Dados: Suas tarefas são salvas e acessíveis a qualquer momento no MongoDB.

💻 Tecnologias Utilizadas

Categoria Tecnologia Descrição
Frontend Angular Framework para construção da interface do usuário.
TypeScript Linguagem de programação principal.
Backend Express.js Framework web para Node.js, utilizado para construir a API RESTful.
Node.js Ambiente de execução JavaScript para o backend.
Banco de Dados MongoDB Banco de dados NoSQL para armazenamento de dados.
Mongoose ODM (Object Data Modeling) para interação com o MongoDB.
Segurança JWT (JSON Web Tokens) Para autenticação e autorização seguras.
Bcrypt Para hash de senhas.

🌐 Acesso ao Projeto

O projeto está em produção e pode ser acessado diretamente:

🛠️ Instalação e Configuração Local

Para configurar o projeto localmente, siga os passos abaixo:

Pré-requisitos

  • Node.js (versão 20 ou superior)
  • npm (gerenciador de pacotes do Node.js)
  • MongoDB (local ou MongoDB Atlas)

1. Backend (API)

  1. Clone o repositório:
    git clone https://github.com/heitorrsdev/To-Do-List.git
    cd To-Do-List/backend
  2. Instale as dependências:
    npm install
  3. Crie um arquivo .env na raiz do diretório backend com as seguintes variáveis de ambiente:
    MONGO_URI=sua_string_de_conexao_mongodb
    JWT_SECRET=sua_chave_secreta_jwt_forte
    
  4. Inicie o servidor:
    npm start
    O servidor estará rodando em http://localhost:3000.

2. Frontend (Aplicação Angular)

  1. Navegue até o diretório do frontend:
    cd ../frontend
  2. Instale as dependências:
    npm install
  3. Configuração da API: Certifique-se de que a URL da API no código Angular aponte para o seu servidor local (http://localhost:3000) ou para o deploy da API, se preferir.
  4. Inicie a aplicação Angular:
    ng serve
    A aplicação estará disponível em http://localhost:4200.

📸 Screenshots

Página de Login Página de Registro Página da Lista de Tarefas Dialog de Tarefas

🤝 Como Contribuir

Contribuições são bem-vindas! Se você deseja contribuir para este projeto, por favor, siga estas etapas:

  1. Faça um fork do repositório.
  2. Crie uma nova branch (git checkout -b feature/sua-feature).
  3. Faça suas alterações e commit-as (git commit -m 'feat: adicione sua feature').
  4. Envie para a branch original (git push origin feature/sua-feature).
  5. Abra um Pull Request.

✉️ Contato

Se você tiver alguma dúvida ou sugestão, sinta-se à vontade para entrar em contato com o desenvolvedor via e-mail:

📄 Licença

Este projeto está licenciado sob a Licença MIT. Veja o arquivo LICENSE para mais detalhes.

About

Um aplicativo completo de lista de tarefas com autenticação de usuário, gerenciamento de tarefas e persistência de dados. Desenvolvido com Angular e Express.js.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published