All solutions

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

The most challenging things I encounter whilst doing this project is probably how to layout the pages. I think I just try to use what I have learned before to overcome the difficulty on doing the layout and occasionally I need to search for something new and make it work.

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

I'm interested in learning how to create the hover state for the 'Explore' button on the homepage, and I'm also curious about the best approach for handling designs like this, particularly how to manage different breakpoints. I often struggle to keep the design looking good across various common resolutions, especially when the screen is wider than the desktop design or falls between smaller breakpoints. Any advice would be appreciated. Thanks!

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

First time using Typescript and Tailwind. In the future, I want to use both more because Typescript makes my code more rigid and structured, while Tailwind allows me to style faster, even though I still need to read the docs. I need to remember for the future that I should do mobile-first when using Tailwind; I spent more time refactoring my code because I styled desktop-first this time around.

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

Many of the challenges I encounter come from using Typescript. To overcome it, I just search for the errors I encounter and try to solve them on my own based on the answers I find. In the future, I need to dive deeper into Typescript to make things easier, more efficient, and better when using Typescript.

This is the first challenge I solved using ReactJS and React-Router. I know there is lots of thing to improve but I generally don't where which I can improve and what I should to improve them. If you would be so kind to review my solution and give general point for me to improve in the future. Thank you.

Hello, I want to ask what approach you use to create the lightbox component and the cart because I think my solution is still too crude. Also when we hover the navbar, how to create the orange highlight on the bottom of the menu we hovering? Because I only able to create an underline when we hovering. Thanks a lot for any feedbacks given, means a lot for my future improvement.

For switching between light and dark theme, what kind of approach is usually used? Also I'm open for any feedbacks or input after you see my solution or read my code, thanks a lot!

1. I'm still having a difficulty when trying to create the introduction section with image in the background. For this kind of design, what is the approach usually used?
2. For the footer, is it usually done using a grid or a flexbox? Or is there other approach while creating footer?
3. For the email submission section, I'm using the position absolute to achieve result similar to the design given, is there any other way to create that kind of component? Aside from these question, I'm also open for any feedback. Thanks a lot!

This is the first time I have tackled this kind of challenge, so I believe there is so much room for improvement that I can't really ask for specific question for inputs or feedbacks. If you read my code or just looking at the screenshot and have some inputs, I would appreciate it. Thanks a lot.

I'm open for any feedbacks! Thanks!

For this challenge I'm actually a bit confused on how to create the box-shadow identical to the design given. Can you give me pointer on how to create the shadow or about shadow in general, like how to create a good shadow and when to use them? Aside from shadow, if you have feedbacks on how to improve my solution, I'll gladly hear them. Thanks!

1. For this kind of component, should I use a form element to create the rating and submit button? Because now I'm just using a plain list and a button.
2. Right now my solution have some kind of transition to the "thank-you-state" but I think there is more way to implement this kind of transition, is there any pointer you may have for me to look or practicing? Aside from my questions above, I'm open to more inputs or feedback. Thanks.

1. For spacing, what kind of approach did you use so that the spacing between mobile and desktop can be good on both version without tinkering about it too much?
2. For future reference, in which situation we decide to use flex or grid so that we can have easier time create the overall layout from a given design? Thanks a lot and every feedback is very much appreciated.

1. Which is better when we want to create a responsive web pages, to build the desktop design first or to build the mobile design first?
2. I think I have a lot of improvements to do regarding my HTML and CSS, especially in media queries and the usage of flexbox. I hoped that maybe from my submission, there will be some general pointer in which I can go or learn further for my own progress. Thanks a lot for any feedback.