From 8b07af4d9e0fdd46fbe5b239d4866fb571b45885 Mon Sep 17 00:00:00 2001 From: Juancho7 Date: Thu, 7 Dec 2023 17:04:20 -0500 Subject: [PATCH] README file was done --- README.md | 36 +++++++++++++++++++++++++----------- docs/screenshot.PNG | Bin 0 -> 16136 bytes 2 files changed, 25 insertions(+), 11 deletions(-) create mode 100644 docs/screenshot.PNG diff --git a/README.md b/README.md index 63f4c6d..9a57829 100644 --- a/README.md +++ b/README.md @@ -1,17 +1,31 @@ -### Tasks Crud With React +# Tasks Crud With React (Responsive) -#### Objetivo: +![Tasks CRUD](./docs/screenshot.PNG 'Tasks CRUD') -Crear un componente de lista de tareas en React. +## Description -#### Requisitos: +This a tasks CRUD application made with **React**, **TawilwindCSS** and **LocalStorage** for data persistence. -1. [x] Crear un nuevo proyecto de React (puedes usar Create React App u otra configuración de tu elección). -2. [x] Crear un componente llamado `TaskList` que renderice una lista de tareas. -3. [x] Cada tarea debe tener un checkbox para marcarla como completada y un botón para eliminarla de la lista. -4. [x] Debe haber un formulario para agregar nuevas tareas a la lista. -5. [x] El estado de las tareas debe manejarse de manera adecuada utilizando el estado local del componente. +This app lets you add, update, mark as complete, see and delete tasks. -#### Puntos extra (opcional): +### Installation -- [x] Implementar estilos CSS para mejorar la apariencia del componente. +To clone this repository, run the followng command: + +```bash +git clone https://github.com/Juancho7/tasks-crud-react.git +``` + +Next, change directory with this: + +```bash +cd tasks-crud-react +``` + +And finally install the dependencies: + +```bash +npm install +``` + +Thank you for being here! 😄 diff --git a/docs/screenshot.PNG b/docs/screenshot.PNG new file mode 100644 index 0000000000000000000000000000000000000000..29f3babac97b3402776bacc9ca233eb1c23585f1 GIT binary patch literal 16136 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 literal 0 HcmV?d00001