Skip to content
Open

Main #56

Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 10 additions & 29 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
# React Todo App
# Ayendry Jimenez 2020-0692

This is a sample react todo app done step-by-step.
This sample app was a part of react workshop.

You can check the slides [here](https://speakerdeck.com/kabirbaidhya/frontend-development-with-react).

Check the demo hosted on heroku https://simplest-react-todo-app.herokuapp.com/.
Es una aplicación de lista de tareas que permite a los usuarios crear, gestionar y organizar sus tareas pendientes. Estas aplicaciones son útiles para mantener el seguimiento de tareas personales, laborales o proyectos específicos. Aquí tienes algunas características comunes de una "todo app":

Crear Tareas: Los usuarios pueden añadir nuevas tareas a la lista.
Editar Tareas: Permite modificar las tareas existentes.
Marcar como Completadas: Los usuarios pueden marcar las tareas como completadas, lo cual generalmente cambia la apariencia de la tarea (por ejemplo, con un tachado o un cambio de color).
Eliminar Tareas: Posibilidad de eliminar tareas que ya no son necesarias.

## Instructions

First clone this repository.
First clone this repository
```bash
$ git clone https://github.com/kabirbaidhya/react-todo-app.git
$ git clone https://github.com/Ayendryjt/AyendryTodoApp.git
```

Install dependencies. Make sure you already have [`nodejs`](https://nodejs.org/en/) & [`npm`](https://www.npmjs.com/) installed in your system.
Expand All @@ -25,25 +25,6 @@ Run it
$ npm start # or yarn start
```

## Steps
Each step is a branch. Check out to the step you want to test.
# Imagen

```bash
$ git checkout <step-number> # eg: git checkout step-1
```
* [step-0](https://github.com/kabirbaidhya/react-todo-app/commits/step-0) - Setup app using `create-react-app`.
* [step-1](https://github.com/kabirbaidhya/react-todo-app/commits/step-1) - React Hello World.
* [step-2](https://github.com/kabirbaidhya/react-todo-app/commits/step-2) - Add some JSX for the todoapp.
* [step-3](https://github.com/kabirbaidhya/react-todo-app/commits/step-3) - List todo items dynamically.
* [step-4](https://github.com/kabirbaidhya/react-todo-app/commits/step-4) - Create `TodoList` component.
* [step-5](https://github.com/kabirbaidhya/react-todo-app/commits/step-5) - Extract more components: `TodoItem`, & `Header`.
* [step-6](https://github.com/kabirbaidhya/react-todo-app/commits/step-6) - Add `Footer` component to display count.
* [step-7](https://github.com/kabirbaidhya/react-todo-app/commits/step-7) - Add `InputBox` component.
* [step-8](https://github.com/kabirbaidhya/react-todo-app/commits/step-8) - Convert to stateful components.
* [step-9](https://github.com/kabirbaidhya/react-todo-app/commits/step-9) - Add new todo item.
* [step-10](https://github.com/kabirbaidhya/react-todo-app/commits/step-10) - Add todo list filter.
* [step-11](https://github.com/kabirbaidhya/react-todo-app/commits/step-11) - Refactor code by moving logic to services.
* [step-12](https://github.com/kabirbaidhya/react-todo-app/commits/step-12) - Make check/uncheck change the todo item status to completed/pending.
* [step-13](https://github.com/kabirbaidhya/react-todo-app/commits/step-13) - Refactor code and design improvements.
* [step-14](https://github.com/kabirbaidhya/react-todo-app/commits/step-14) - Refactor and separate UI & stateful components.
* [step-15](https://github.com/kabirbaidhya/react-todo-app/commits/step-15) - Finalization of TodoApp.
![Foto de prueba](./images/TodoApp.jpg)
Loading