MERN Task Manager

Aplicación Todolista

Esta es una aplicación de administrador de tareas que permite a los usuarios crear, leer, actualizar eliminar y agregar a las tareas favoritas. Se basa en la pila de Mern (MongoDB, Express, React y Node.js) y tiene características de autorización y autenticación utilizando JWT y BCRYPT, para la administración estatal que utilicé Redux Toolkit.

-actualizado V-2.0--

1. Se agregó la función Google Authentication (OAUTH) usando Firebase.
2. Changed UI en la página de creación, listas, inicio de sesión/registro.
3. Added User Profile Page (tiene una imagen de perfil de usuario, nombre de usuario, ID de correo electrónico y UID).
4. Se agregó la funcionalidad User Delete Account .
5. Se agregó una página GENAI , es una AI feature donde puede preguntar sus problemas, ideas, soluciones, etc. a AI construida en Géminis.
6. Campo de opción NOTES agregado en la página Crear, donde puede escribir sus notas junto con su tarea.
7. Opción STATUS (pending, in-working, completed) en TODO-Task.
8. Se agregó la función Show/Hide contraseña en el campo de contraseña de inicio de sesión/registro.
9. Página de inicio Updated en modo oscuro.
10. Add GenAI button en el hogar y cree la página.
11. Added Update User Profile feature (actualizar la imagen del perfil de usuario, el nombre de usuario, el correo electrónico y la contraseña).

12. Continue......

Características

• Los usuarios pueden registrarse e iniciar sesión con su correo electrónico y contraseña.
• Los usuarios pueden crear tareas con un título.
• Los usuarios pueden ver sus tareas en una lista.
• Los usuarios pueden editar o eliminar sus tareas.
• Los usuarios pueden marcar sus tareas como completadas o incompletas.
• Los usuarios pueden cerrar sesión desde su cuenta.
• Modo oscuro, agregue a la funcionalidad favorita.

Enlace de vista previa del proyecto

Todolist_project_link

Instalación

Para ejecutar esta aplicación localmente, debe tener Node.js, NPM y MongoDB instalados en su máquina. Luego siga estos pasos:

• Clone este repositorio a su máquina local.

• Navegue a la carpeta del proyecto y ejecute npm install para instalar las dependencias.

• Cree un archivo .env en la carpeta raíz y agregue las siguientes variables:

  • PORT : el número de puerto para el servidor (el valor predeterminado es 5000).
  • MONGO_URI : la cadena de conexión para su base de datos MongoDB.
  • JWT_SECRET : la clave secreta para generar tokens JWT.

• Ejecute npm run dev para iniciar el servidor y ejecutar npm run start para iniciar la aplicación React.

• Abra su navegador y vaya a http://localhost:3000 para ver la aplicación en acción.