"Web Task Manager" utilizando el stack MERN (MongoDb - Express - React - NodeJs).

---

Playlist en el canal de Youtube de Luis Cabrera. (Github - Linkedin)

---

Secciones:

• Iniciar sesión / Registrarse
• Mi cuenta
  • Edición de datos personales
  • Cambio de foto de perfil
  • Eliminación de la cuenta
• Proyectos
  • Listado/Agregado/Edición/Eliminación de proyectos
  • Listado/Agregado/Edición/Eliminación de tareas
  • Listado/Agregado/Edición/Eliminación de tareas por proyecto
• Panel de administración de usuarios (solo para admins)
  • Ver listado de usuarios
  • Editar datos de la cuenta de los usuarios
  • Listado/Agregado/Edición/Eliminación de proyectos y tareas por proyecto, de cada usuario

---

Detalles:

• Registro de usuarios (creación de cuenta)
• Roles por usuario (rutas privadas)
• Sesiones
• Validación de formularios
• Paginación
• Scroll inifinito
• Token, Refresh token y cookies
• FrontEnd y Backend por separado

---

Tecnologías:

• MongoDB
• Express
• React + React hooks
• NodeJs
• JSON Web Token
• Create React App
• Bootstrap 5
• React-hook-form
• Yup
• React-toastify

---

Sitios investigados

• Attempted import error: 'Switch' is not exported from 'react-router-dom'

• ml-auto is not pushing navbar links to the right

• https://getbootstrap.com/docs/5.1/migration/#utilities

• React Router v4 - How to get current route?

• How to get the current URL and pathname in React

• Error: [PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>

• React Router Dom: <Navigate>

• React-router Auth Example

• React Router Dom: <useNavigate>

• React Bootstrap 5 - Spacing

• React Bootstrap — Form Controls

• React-Bootstrap Form.File and bs-custom-file-input. Can't get label to change

• React Bootstrap 5 - Form Controls - File input

• React-toastify