A todo app built with react.js and firebase 🔥 in TypeScript.
React.js, Firebase, Firestore NoSQL database.
Additional:
- React-router-dom
- React-redux
- Redux Toolkit
- Redux Thunk
- Firebase SDK
- Tailwind CSS
- Shadcn UI
- React Hot Toast
- Google Authentication
- Client side routing
- Multiple Lists
- List CRUD
- Todo CRUD
- Checks Internet Connection
- Fully responsive
- User friendly interface with toasts and loaders
- Add individual loading for todos and lists
- Configure add todo popup to select the current page list
- drag n drop for tasks
- search bar
- Add auth - Google login
- solid colored theme - [dark purple, dark green, orange, gray, blue]
- navigate list to correct path after editing the name - if it is the current page
- "Delete my account" option
- edit and create pages for lists - mobile
- datewise sorted todos on list page
- local storage sync
- keyboard shortcuts
- make elements small to incorporate spacing
- sidebar shift left
- Add time feature for the todos
- toggle notes view like "keep notes" - [vertical list or boxes]
- dynamic greeting component
- "add todo" form to match width of the button
Design credits: Tri Milliarta on Dribbble.