An open API service indexing awesome lists of open source software.

https://github.com/jonatandb/web-task-manager--mern-stack

Administrador de tareas web creado utilizando el stack MERN (MongoDb - Express - React - NodeJs)
https://github.com/jonatandb/web-task-manager--mern-stack

bootstrap es6 express javascript jonatandb mongodb nodejs react

Last synced: 3 months ago
JSON representation

Administrador de tareas web creado utilizando el stack MERN (MongoDb - Express - React - NodeJs)

Awesome Lists containing this project

README

          

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

---

## [Playlist](https://www.youtube.com/playlist?list=PLdcAPGja1uw0LSn7kx-Plj76x8UZZLgz9) en [el canal de Youtube](https://www.youtube.com/c/LuisCabrera/videos) de [Luis Cabrera](https://luismiguelcabrera.github.io/#). ([Github](https://github.com/luismcabrera/simple-mern-app-with-authentication-client) - [Linkedin](https://www.linkedin.com/in/cabrera-luis/))

---

## ![Gestor de tareas -> Inicio](Screenshot.png?raw=true 'Gestor de tareas -> Inicio')

## ![Gestor de tareas -> Cuenta](Screenshot_account.png?raw=true 'Gestor de tareas -> Cuenta')

## ![Gestor de tareas -> Cuenta -> Cambiar foto de perfil](Screenshot_account_02.png?raw=true 'Gestor de tareas -> Cuenta -> Cambiar foto de perfil')

### 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](https://www.mongodb.com/es)
- [Express](https://expressjs.com/es/)
- [React + React hooks](https://es.reactjs.org/)
- [NodeJs](https://nodejs.org/es/)
- [JSON Web Token](https://jwt.io/)
- [Create React App](https://create-react-app.dev/)
- [Bootstrap 5](https://getbootstrap.com/docs/5.1/getting-started/introduction/)
- [React-hook-form](https://react-hook-form.com/)
- [Yup](https://github.com/jquense/yup)
- [React-toastify](https://fkhadra.github.io/react-toastify/introduction)

---

### Sitios investigados

- [Attempted import error: 'Switch' is not exported from 'react-router-dom'](https://stackoverflow.com/questions/63124161/attempted-import-error-switch-is-not-exported-from-react-router-dom)

- [ml-auto is not pushing navbar links to the right](https://stackoverflow.com/questions/49022773/ml-auto-is-not-pushing-navbar-links-to-the-right)

- [https://getbootstrap.com/docs/5.1/migration/#utilities](https://getbootstrap.com/docs/5.1/migration/#utilities)

- [React Router v4 - How to get current route?](https://stackoverflow.com/questions/42253277/react-router-v4-how-to-get-current-route)

- [How to get the current URL and pathname in React](https://surajsharma.net/blog/current-url-in-react)

- [Error: [PrivateRoute] is not a `` component. All component children of `` must be a `` or ``](https://stackoverflow.com/questions/69864165/error-privateroute-is-not-a-route-component-all-component-children-of-rou)

- [React Router Dom: ``](https://reactrouter.com/docs/en/v6/api#navigate)

- [React-router Auth Example](https://stackblitz.com/github/remix-run/react-router/tree/main/examples/auth?file=src/App.tsx)

- [React Router Dom: ``](https://reactrouter.com/docs/en/v6/api#usenavigate)

- [React Bootstrap 5 - Spacing](https://mdbootstrap.com/docs/b5/react/utilities/spacing/)

- [React Bootstrap — Form Controls](https://blog.devgenius.io/react-bootstrap-form-controls-f073ed4e8b75)

- [React-Bootstrap Form.File and bs-custom-file-input. Can't get label to change](https://stackoverflow.com/questions/64076013/react-bootstrap-form-file-and-bs-custom-file-input-cant-get-label-to-change)

- [React Bootstrap 5 - Form Controls - File input](https://react-bootstrap.github.io/forms/form-control/#file-input)

- [React-toastify](https://fkhadra.github.io/react-toastify/introduction/)