Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/karlhadwen/todoist
Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Todoist Using React
https://github.com/karlhadwen/todoist
custom-hooks firebase react react-context react-hooks react-testing-library todoist
Last synced: 26 days ago
JSON representation
Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Todoist Using React
- Host: GitHub
- URL: https://github.com/karlhadwen/todoist
- Owner: karlhadwen
- License: mit
- Created: 2019-07-14T21:31:24.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-12-07T17:12:00.000Z (11 months ago)
- Last Synced: 2024-10-01T06:23:12.763Z (about 1 month ago)
- Topics: custom-hooks, firebase, react, react-context, react-hooks, react-testing-library, todoist
- Language: JavaScript
- Homepage:
- Size: 2.7 MB
- Stars: 1,331
- Watchers: 24
- Forks: 428
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
- jimsghstars - karlhadwen/todoist - Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Todoist Using React (JavaScript)
README
## Building Todoist from Scratch Using React (Custom Hooks, Context), Firebase & React Testing Library (http://bit.ly/CognitiveSurge)
This application (a Todoist clone) was built using create-react-app as a base, and the technologies used were React (Custom Hooks, Context), Firebase & React Testing Library. I'm hoping this gives people a better understanding of React, and I've also included SCSS in this tutorial, but the main focus is to build a real application using React! If you clone this application, click the Pizza icon on the top right, it enables dark mode!
Subscribe to my YouTube channel here: http://bit.ly/CognitiveSurge where I build projects like this! And don't forget, you can contribute to this project (highly encouraged!). One thing I didn't get time to do was incorporate accessibility into this application, so I'd love to see that added!
![Preview](todoist-preview.png?raw=true)