Responsive Website with a mobile-first approach using SCSS/Node JS/EJS
Design comparison
Solution retrospective
At the moment there are two issues with my app
-
Whenever the user loads in a new item, my app reloads and the css is reset to default meaning if you are using the light theme, whenever you enter an item, you'll switch back to the dark theme. The only way I can think I can fix this is by using cookies. Is there another way to fix this?
-
The other issue is the drag and drop. I have a version that enable me to drag and drop items but that's only on the user's end i.e when you refresh, it goes back to the default item order. My question is how can i modify the arrangement of my items in mongoDB since the list order is based on the order in the database.
Thank You for your help in advance :)
Community feedback
- @denieldenPosted over 2 years ago
Hi Sajana, I took some time to look at your solution and you did a great job!
Also I have some tips for improving your code:
- You should have the apap reload only the data and not the entire app.
- add
main
tag and wrap the card for Accessibility - try to add a little
transition
on the element with hover effect
Overall you did well :)
Hope this help and happy coding!
0
Please log in to post a comment
Log in with GitHubJoin 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