Todo list app to help users organize their projects and tasks
Designed using Figma. Created using HTML, CSS, JavaScript, and React. Uses Firebase as a BAAS. From this project, I learned how to:
- Keep track of data between different JavaScript files
- Dynamically create new elements and keep track of their respective data values
- Create factory functions, objects, and static properties to provide information to one another
- Use React components, React hooks, states, and props to structure and manipulate the DOM
- Explore services offered by Firebase, including Cloud Firestore and Authentication
- Use Google Authentication to allow every user to personalize their own private TODO list
- Store different userIDs in Cloud Firestore and organize the documents to be added and extracted
- Learn how to write security rules and the structure of .json files