README.md

Todo React App

An awesome Todo React App Explore the docs »

View Demo · Report Bug · Request Feature

📎 Table of Contents 📎

1. About The Project
2. Overview
3. Quick Setup
4. Directory structure
5. Built With

---

ℹ️ About The Project

(back to top)

---

👀 Overview

🎯 Used React environment, components, use state, use effect hooks, uplifting state
🖥 Add tasks
🔩 Check tasks as done by double clicking
💪 Remove tasks

(back to top)

🛫 Quick Setup

# clone the project
git clone https://github.com/ibrsec/todo-react.git

# enter the project directory
cd todo-react

# install dependency
npm install || yarn install

# develop
npm run dev || yarn start

(back to top)

📂 Directory structure

todo-react  (folder)
  |          
  |---public (folder)
+ |---src (folder) 
  |     |---img (folder) 
  |     |           
  |     |---pages (folder) 
  |     |     └---Home.jsx          
  |     |           
  |     |---components (folder) 
  |     |     |    
  |     |     |---Header.jsx  
  |     |     |---Input.jsx  
  |     |     |---Task.jsx  
  |     |     └---TaskContainer.jsx  
  |     |          
  |     |---App.js
  |     |---App.scss
  |     |---Index.js
  |     └---Index.scss
  |     
  |----index.html    
  |----package.json
  |----yarn.lock
  └----readme.md 

(back to top)

---

🏗️ Built With

(back to top)