Todo App with Login Authentication

Solution retrospective
This time, I decided to deviate slightly from the Figma design and didn’t include a background image or a light/dark theme toggle (I might add them later). Instead, I focused on applying my newly acquired skills in Node.js and MongoDB. With these, I implemented user authentication and server-side task storage. As a result, the To-Do app is no longer just an in-browser application. Users can now log in from multiple devices without losing their task list, which could have been lost if it were stored in localStorage or cookies.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @jessiicacmoore
Love this idea of expanding on the challenge and putting a fullstack spin on it 🧠
Some accessibility feedback if you're looking to go above and beyond and make your app a little more accessible:
- For your todo items, I like your approach of making the complete indicator a checkbox input and the todo text a label, just make sure you're linking your label to your checkbox input so a screenreader will read the todo with a label instead of just "checkbox"
- Kind of similar theme to the above, add an aria-label to your delete button. Using voiceover on mac, it just reads "button"
Great job by the way!
Marked as helpful
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord