- Mobile compatible (Responsive design!)
- Can create todos, edit title, description and date, mark as complete, mark as favorite, each todo also has 1 of 3 priorities and color coded to show which priority it is
- Todos are stored and saved on the device's local storage
- Light and dark theme
- Synchronise each todo across the entire project without using classes, had to store them purely as objects in localstorage, with each project representing a key and each todo relating to that project representing the value
- Having so many files made navigation easier but it was also more difficult to organise everything
- Working with JSON-type data for the first time was more confusing than I initally thought, having to use
JSON.parse()andJSON.stringify()all the time was pretty annoying - When making logic for the responsive design I had to implement some logic specifically that turned the sidebar into a menu button that opens when clicked and closes when navigating to another tab, it sounds simple but it was more difficult for me than I imagined initially
- Time to complete project (estimated): ~7-10 days
- Time to complete project (actual): 3 days Overall, I was very happy with the pace I was going at, the first two days I focused on features and on the third day I mostly focused on adding small changes such as hover effects, dark/light theme and general UI optimisations
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent