gsarapura / todolist-pil

Django + React.js

ToDoList-PIL

Back

• Base de datos MariaDB.

Requerimientos:

• Python >=3.10: https://www.python.org/ Asegurarse de que esté en PATH.
• Pip: https://pip.pypa.io/en/stable/installation/ Sea la instalación por ensurepip o get-pip.py, asegurarse de que pip esté en PATH.
• mysqlclient: https://pypi.org/project/mysqlclient/
• Xampp o cualquier otro administrador de bases de datos relacionales: https://www.apachefriends.org/download.html

Paso previo:

• Asegurarse de importar "todolist.sql" (carpeta: backend) o crear una.

Instalación local:

• Clonar repositorio:

git clone https://github.com/gustavolens/ToDoList-PIL.git 

• Dentro de la carpeta, crear entorno virtual:

python -m venv env 

• Activar el entorno virtual (Linux):

source env/bin/activate 

• Activar el entorno virtual (Windows):

env\Scripts\activate 

• Ingresar a la carpeta backend e instalar dependencias:

pip install -r requirements.txt 

Ejecutar proyecto:

• Antes, modificar archivo settings.py, configurar acorde a usuario, contraseña y nombre de BD:
• Realizar migraciones de modelos:

python manage.py migrate

• Luego, ejecutar Django:

python manage.py runserver

Front

Requerimientos:

• Nodejs (se recomienda nvm): https://nodejs.dev/en/

Proyecto creado con React + Vite:

npm create vite@latest

Bibliotecas:

• Axios para trabajar apis: https://axios-http.com/
• React Router para enrutamiento: https://reactrouter.com/en/main
• Chakra UI para estilos: https://chakra-ui.com/
• Formik para formularios: https://formik.org/

Instalación local:

• Ir a la carpeta front y ejecutar:

npm install 

Ejecutar proyecto:

npm run dev 

todolist-pil's Issues

Eliminar nota

Editar nota

Registrar usuarios

No se actualiza de inmediato el toggle

Al marcar como completado, no se renderiza el box como completado o no. Hay que esperar, dar clic en otro botón de filtrado o refrescar la página.

Login de usuario con autenticación

Eliminar usuarios

Crear componentes Login y Singup

Ingreso y registro de usuario

Crear nota

Crear APIs

Ver nota

Titulo para tareas completas

Cuando se da click al botón para filtrar por tareas completadas, no se cambía el tíulo de "Hay x tareas por hacer".

Enter onSubmit

No funciona darle enter al guardar la edición de una tarea

Crear modelos User y Note

Maquetado HTML

Estructura principal (no necesariamente con componentes) y algo de estilo con css.