
Design comparison
Solution retrospective
👉 In this project, I learned how to dynamically generate a food menu using JavaScript and how to manage a shopping cart system. I also improved my skills in HTML, CSS, and JavaScript, particularly in handling events and updating the UI based on user interactions.
What challenges did you encounter, and how did you overcome them?👉 One of the main challenges I faced was ensuring that the images and data were properly linked in the project. Some images were missing or not displaying correctly, which required careful debugging of file paths. I also had to handle the cart functionality efficiently to update prices dynamically. I overcame these challenges by testing different file paths, debugging JavaScript errors, and making sure all assets were correctly placed in the project directory.
What specific areas of your project would you like help with?👉 If I had more time, I would improve the UI by adding more styling and animations for a better user experience. Additionally, I would implement a backend system to store user orders and allow them to manage their cart more efficiently. Adding a database to keep track of user orders and integrating a payment gateway would also be valuable enhancements.
📌 If you need any modifications, let me know! 😊
Community feedback
- @OffixialTrustPosted 29 days ago
I strongly suggest you work on your css skills to accurately follow the design, try styling your buttons, building for mobile to make your work responsive on different screen sizes, and use
align self: start
on your cart. You can greatly improve your css skills if you put enough practice. And you mentioned if you had enough time are you working or in school? If so you can schedule your free time for learning css. There are many resources online to learn, I recommend visiting Sololearn or W3schools 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