https://github.com/amirrh6/react-todos
https://github.com/amirrh6/react-todos
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/amirrh6/react-todos
- Owner: amirrh6
- Created: 2024-06-22T07:25:32.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-07-27T19:05:04.000Z (10 months ago)
- Last Synced: 2025-01-08T18:13:31.677Z (5 months ago)
- Language: JavaScript
- Size: 407 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React TODOs [WiP]
Just a simple experiment with React 18 based on a [tutorial](https://youtu.be/LDB4uaJ87e0) ([repo](https://github.com/bradtraversy/react-crash-2024)) by awesome [Brad Traversy](https://github.com/bradtraversy).
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:
- - [x] Navbar
- - - [x] Basic navbar
- - - [x] Highlight active page's link
- - [x] Items (TODOs)
- - - [x] Item (TODO)
- - - - [x] Content collapse (more or less) button
- - - - [x] Delete functionality
- - - - [x] Edit functionality
- - [x] ViewAllTODOs
- [ ] Pages:
- - [x] Home page
- - [x] All TODOs page
- - [x] Single TODO page (details)
- - [x] Add TODO page
- - [x] Not found (404) page
- - [ ] ...
- [x] Use 'react-router-dom' and its related components
- [x] Use 'react-icons' for Font Awesome Icons
- [x] ~~Fetch TODOs from / Update TODOs to a JSON file~~
- [x] Fetch TODOs from / Update TODOs to a mock back-end like 'json-server'
- [x] Fetch TODOs from / Update TODOs to browser's localStorage
- [ ] Fetch TODOs from / Update TODOs to a real back-end like Firebase
- [ ] ...
### Screenshot
