redux_todo_exercise

Objective

Build a Redux Todo App using ReactJS.

Description

• In this project, I designed a Todo App with the help of redux.
• For understanding redux structure i designed a simple redux todo app.

Project Link

You can reach my project from here 👈

Project Skeleton

redux_todo_exercise (folder)
|----readme.md
SOLUTION
├── public
│     └── index.html
├── src
│    ├── assets
│    │     └── [images]
│    ├── components 
│    │     └── todo
│    │         ├── Todo.css 
│    │         ├── Todo.js 
│    │         ├── TodoInput.js 
│    │         ├── TodoItem.js 
│    │         └── TodoList.js  
│    ├── redux
│    │     ├── actions
│    │     │     └── todoAction.js
│    │     ├── reducers
│    │     │     └── todoReducers.js
│    │     ├── types
│    │     │     └── todoTypes.js 
│    │     └── index.jsx  
│    ├── App.js
│    ├── App.css 
│    └── index.js
├── package.json 
└── yarn.lock

At the end of the project, following topics are to be covered;

• HTML
• CSS
• JS
• ReactJS

To run this project;

$ git clone https://github.com/esadakman/reactjs-redux-todo.git
$ cd ./redux_todo_exercise 
$ npm install / yarn
$ npm start / yarn start

Preview of the Project