Este proyecto de React crea una aplicacion de organizacion de actividades. Estan seran almacenadas en el local storage y luego la aplicacion sera subida a github pages.
Para iniciar este pequeño proyecto, sigo los siguientes pasos:
- Crear un nuevo repositorio en Mi github con el nombre
react-activities-localstorage
. - Clonar este repositorio a mi máquina local.
- Primero, copiar la ruta desde code en github.
- Segundo, en la consola local, clonarlo con
git clone Aqui_va_lo_copiado_en_la_linea_anterior
y luego click en enter.
- Cargar los modulos necesarios para trabajar con React. Para ello, entrar en la carpeta donde se encuentra el repositorio git clonado,
en mi caso
cd react-activities-localstorage
. Luego, en la misma consola tipearnpx create-react-app ./
, donde./
significa que todos los modulos de react se cargaran en la ubicacion actual. - Abrir el editor de codigo, en mi caso es Visual Studio Code con el shortcut en consola
code .
. - React crea muchas carpetas por defecto, para esta aplicacion, se eliminaran algunas.
- logo.svg
- App.test.js
- reportWebVitals.js
- setupTests.js
Tambien se eliminan varias lineas de codigo, pero eso es a eleccion del usuario.
- Para ver el proyecto en el navegador, usar
npm start
.
- Crear tareas
- Listar tareas
- Almacenar en localstorage
- Tareas activas o inactivas