Hi guys,
As we all know, the TODOs list app is always a good example of trying out new programming languages or new frameworks (Frontend or Backend).
It’s simple yet has enough things for us to do & learn many aspects of a new language/framework.
However, a basic TODOs list app only gets you from zero knowledge to “fairly know it a bit” knowledge. To learn a new language/framework, we’ll need to do more than that.
DummyTechDev will share with you the ideas to elevate your TODOs list app and improve your knowledge of any language or framework out there đ
Ideas to make TODOs list app goes beyond
Authentication
Adding the authentication means users can sign up, sign in, and create their own TODOs list.
So users only need to access their account to view & interact with their TODOs list.
You will learn:
- Authentication
- Session (or Cookie)
- Basic relationship (1 user – n TODO lists)
Categorize & Tagging
This will help us to organize our TODOs and really helpful.
You will learn:
- Relationships (n TODO lists – n categories, n TODO lists – n tags)
- Better UI/UX (show up categories, tags, etc)
Sharable
Instead of allowing internal TODOs only, let’s go beyond that. Create a “Share” button and make the TODOs list accessible from the outside world.
You can either share with:
- Other users on the platform
- Unlisted (publicly accessed but won’t be crawled by Search Engines, only the users has the URL can access it)
- Public (everyone can access)
Collaborator
It goes beyond Sharable, we can configure who can Edit (Collaborate) with the TODOs list.
By default, let’s always stick with the Readonly
permission for everyone.
Analytics
Build some simple analytics information or charts, to show up:
- How many TODOs the user has done in the last few days?
- How many TODOs are available?
- The total time consumed
- etc
You will learn a lot about data and aggregating.
Archive
Ability to archive any TODOs list, just in case the users don’t want to see it anymore.
We should avoid hard-delete. Let’s give users a chance to recover/revisit the old stuff.
Search
Ability to search for the TODOs list, just in case users want to search for something quickly.
We can add filters (by categories, by tags, by date range) too.
Deadline
Ability to set a deadline for a task, things we should cover:
- Set a date & time for a task
- Notify users when the task is reaching the deadline (3 days ahead, the next day, today)
- Notify users when the deadline has been exceeded (daily notification)
- Show up icon based on the deadline
- Green: not yet deadline
- Yellow: reaching deadline soon
- Red: today’s deadline or exceeded deadline
Conclusion
Well, those are awesome ideas to elevate your knowledge, especially when working with new programming languages, new frameworks, etc.
DummyTechDev hopes that helps you to achieve a lot of knowledge as you can.
Thank you for reading!