Aplicación web de organización de tareas donde puedes crear, editar y eliminar tablas, estados de las tareas, las propias tareas y sus subtareas en caso de tenerlas.
-
React: He usado React como framework del proyecto, creando diferentes componentes, varios contextos, distintas páginas y varios custom hooks.
-
Supabase: He usado Supabase para la autenticación mediante Google, la autenticación con el Usuario Demo y para poder hacer un CRUD con las diferentes tablas, estados de las tareas, tareas y subtareas.
-
Tailwind CSS: He usado TailwindCSS para darle estilos a los diferentes componentes.
-
React Router: He usado React Router para crear las diferentes rutas que tiene la web, ya que, React no tiene un enrutador integrado como otros framework.
-
React Hook Form: He usado React Hook Form para la validación de todos los formularios, ya que, reduce la cantidad de código que necesitas escribir y al mismo tiempo elimina renderizaciones innecesarias.
-
Vite JS: He utilizado Vite JS como herramienta de compilación.
-
ESLint: He utilizado ESLint para seguir la guía de estilos de Airbnb en el código del proyecto.
Esta es la estructura que he utilizado en este proyecto:
/
├── public/
│ └── assets/
│ └── image.png
│
├── src/
│ ├── components/
│ │ └── index.jsx
│ ├── context/
│ │ └── Context.jsx
│ ├── helpers/
│ │ └── helper.js
│ ├── hooks/
│ │ └── useHook.js
│ ├── pages/
│ │ └── index.jsx
│ └── services/
│ └── getData.js
└── package.json
