MERN Task Manager

App Todolist

Este é um aplicativo gerenciador de tarefas que permite aos usuários criar, ler, atualizar excluir e adicionar às tarefas favoritas. Ele é construído na pilha Mern (MongoDB, Express, React e Node.js) e possui recursos de autorização e autenticação usando JWT e BCRYPT, para gerenciamento de estado, usei o Redux Toolkit.

-V-2.0 de atualização

1. Recurso Google Authentication (OAUTH) adicionado usando o FireBase.
2. Changed UI na página Criar, listas, inscrição/inscrição.
3. Added User Profile Page (está tendo imagem de perfil de usuário, nome de usuário, e-mail-id e uid).
4. Adicionada funcionalidade User Delete Account .
5. Página GENAI adicionada, é um AI feature em que você pode pedir seus problemas, idéias, solução e etc. à AI construída em Gêmeos.
6. Campo de opção NOTES adicionadas na página Criar, onde você pode escrever suas anotações junto com sua tarefa.
7. STATUS (pending, in-working, completed) na TODO-TASS.
8. Adicionado o recurso Show/Hide senha no campo Senha de inscrição/inscrição.
9. Página inicial Updated no modo escuro.
10. Add GenAI button em casa e crie a página.
11. Added Update User Profile feature (atualizar a imagem do perfil do usuário, nome de usuário, email e senha).

12. Continue......

Características

• Os usuários podem se inscrever e fazer login com seu email e senha.
• Os usuários podem criar tarefas com um título.
• Os usuários podem visualizar suas tarefas em uma lista.
• Os usuários podem editar ou excluir suas tarefas.
• Os usuários podem marcar suas tarefas como concluídas ou incompletas.
• Os usuários podem fazer login em sua conta.
• Modo escuro, adicione à funcionalidade favorita.

Link de visualização do projeto

Todolist_project_link

Instalação

Para executar este aplicativo localmente, você precisa ter Node.js, NPM e MongoDB instalados em sua máquina. Em seguida, siga estas etapas:

• Clone este repositório para sua máquina local.

• Navegue até a pasta do projeto e execute npm install para instalar as dependências.

• Crie um arquivo .env na pasta root e adicione as seguintes variáveis:

  • PORT : o número da porta para o servidor (o padrão é 5000).
  • MONGO_URI : a string de conexão para o seu banco de dados MongoDB.
  • JWT_SECRET : A chave secreta para gerar tokens JWT.

• Execute npm run dev para iniciar o servidor e executar npm run start para iniciar o aplicativo React.

• Abra seu navegador e vá para http://localhost:3000 para ver o aplicativo em ação.