All solutions

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

I am really proud that i wrote all the JS code without the help of google!!

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

The challenge that i encountered is making the email input field giving out an error when no email or invalid email format is entered. I would like some help with that.

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

The javascript code, I feel like there is a much more better way to make the email input get the email and the submit button not refreshing the page when clicked.

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

I learned a lot about javascript with this project, especially with the drop down menus. There is still a lot I need to polish with this project and I would love some feedback on what to improve on and how to add the shadow overlay without breaking the side nav menu in mobile view.

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

How to make the menus open one at a time, and have them close if anywhere on the page but the menu element itself is clicked on. I would also love to know how to get the shadow overlay when the side menu opens to work without it breaking the page, if you look at my solution I already attempted it with an empty div but that seems to break the code, any solution on how to go about that is welcome.

This is not complete as I would like to make changes to the tablet view, I had wanted to make the same design for desktop, but scale it down for tablet screens, but I think making it like the mobile design but wider is the best option here.

I would like some advice on how to use the JSON data to update the site based on the relevant timeframe that is clicked. I am still not very good with JS, and I have never worked with JSON either, this is my first time, so any advice would be greatly appreciated.

Thank you.

This took me an awful lot of time to complete. But I had a lot of fun completing it(somehow)

I would like to make the delete option in the cart functional so that it clears the content and displays the "Cart is empty" message.

Also, the style for the cart content doesn't load properly, for example, if you open the cart when it is empty and proceed to load it up afterward, the elements tend to follow the empty cart styling, same with when you clear the cart and its supposed to be empty, both styles show at the same time.

Lastly, the lightbox overlay, the bottoms, and the thumbnails are absolutely positioned, on screens larger than laptops, and the buttons tend to move out of position, I tried using media queries to fix this, but then it affects the layout on laptop screens.

This project greatly helped me with my Javascript journey, I learned a lot and I look forward to learning more, so any feedback on how to improve my code is warmly welcome.

I mainly built this with the help of a tutorial as I am just learning tailwindcss. I would love some ideas on how to go about the carousel feature for the testimonial section of the site.

I am struggling to make the social media icons change color on hover, I would love some ideas on how to achieve that.

Also, the page doesn't look good on monitors wider than 1440px, do I have to write some more CSS to accommodate wider screens(1440px + screens)?

Any recommendations on what I can improve on are welcome.

This was my first time using CSS grid on a real project. Suggestions on what I can improve on are very welcome. Thank you.

I want to make this much more beautiful and responsive in portrait mode for mobile phones, but I can't seem to get the size for that right, and the main element won't scroll to show the entire element in portrait mode. Any help on how to get that working, please?

Any suggestions on what and how to improve on the code are welcome. Thank you.

Please any feedback on what I can do to improve my code and thought process is welcome. I am still a beginner ready to learn and get better.