React TODOs [WiP]

Just a simple experiment with React 18 based on a tutorial (repo) by awesome Brad Traversy.

1. Clone using git clone repo_url
2. Run npm install
3. Run npm run dev to run front-end on port 3000

Features

• Components:
• • Navbar
• • • Basic navbar
• • • Highlight active page's link
• • Items (TODOs)
• • • Item (TODO)
• • • • Content collapse (more or less) button
• • • • Delete functionality
• • • • Edit functionality
• • ViewAllTODOs
• Pages:
• • Home page
• • All TODOs page
• • Single TODO page (details)
• • Add TODO page
• • Not found (404) page
• • ...
• Use 'react-router-dom' and its related components
• Use 'react-icons' for Font Awesome Icons
• Fetch TODOs from / Update TODOs to a JSON file
• Fetch TODOs from / Update TODOs to a mock back-end like 'json-server'
• Fetch TODOs from / Update TODOs to browser's localStorage
• Fetch TODOs from / Update TODOs to a real back-end like Firebase
• ...

Screenshot