Skip to content
Submitted about 1 month ago

To-do App with Reactjs, Node.js, Express.js and Neon DB

react, node, express, postgres, sass/scss
LVL 2
Martine160
@MarSkor
A solution to the Todo app challenge

Solution retrospective


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

Setting up the backend and connecting it to the frontend as I've not used node.js or express.js much before.

What challenges did you encounter, and how did you overcome them?

Making a PATCH request from the frontend proved to be a little difficult. Should the list item be a input, textarea or a box with the attribute contenteditable? I wanted the task to be a little more than 2 lines, 3 at most so textarea deemed the most suitable option. Error handling was also a little difficult. google ai studio helped brainstorm some ideas of what options and coderabbit in github helped reviewing and giving suggestions.

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

How to make the list item persist on drag and drop (using @dnd-kit/core @dnd-kit/sortable for that). Since right now the user can drag and drop the items but they won't persist when the page refresh.

In the database I've got: position: integer("position").default(0),

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Martine’s solution.

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