Skip to content

Latest commit

 

History

History
188 lines (124 loc) · 4.58 KB

README.md

File metadata and controls

188 lines (124 loc) · 4.58 KB


Logo

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

todo-react

(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)