Skip to content
Submitted about 1 month ago

Full-stack Todo app

express, mongodb, pinia, sass/scss, vue
P
Andrey•4,320
@dar-ju
A solution to the Todo app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

Completed bonus tasks:

  • Drag and drop to reorder items on the list
  • Build this project as a full-stack application
What challenges did you encounter, and how did you overcome them?

Setting up the interaction of three services - GitHub Pages (front), Render (back) and MongoDB (db) was really difficult. Setting up cookies and cors was not possible for me without the help of AI.

Errors are shown to the user only during authentication. Todo errors were set up, but without rendering on the page.

I used the free plans of Render and Mongodb, so there may be long query processing times.

What specific areas of your project would you like help with?

In terms of the project structure, I may have overcomplicated it.

Code

Please log in to post a comment

Log in

Community feedback

  • Marzia Jalili•7,150
    @MarziaJalili

    Gorgeous! 👑

    A tiny tweak?

    ✅ Consider using the label element for the entire input section so that clicking anywhere on the box will take you to the input field.

    Other than that, the web's lit! 🔥🔥🔥

    Marked as helpful
  • Bhavik Thakur•310
    @bhavikthakur

    Awesome! I like your work. You are doing great, keep it up!

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