All solutions

I hope you like it 🙌

Hi There 👋

It's been a while 😅, I just had some spare time and thought of coming back and give this challenge some upgrades, it's not much but maybe the biggest change is with using Nextjs framework and experimenting with it's latest features in the app directory.

Update summary

• general code refactoring and moving to Nextjs 13.
• general improvements in the app performance, accessibility, SEO, and page load time, check out the performance test report.
• improved accessibility in the Carousel and Lightbox.
• improved CSS and accessibility in the modals (cart, profile, and action modals).
• implemented the promo code feature on the cart page.
• now removing the last item in the cart triggers the action modal on the cart page.
• added an Accordion to display the product description.
• and more ...

Todo

• Adding an API and utilizing a real user authentication with both regular authentication (email and password) and Google OAuth2.0 using next-auth js.

That's it for now, feel free to leave your feedback or suggestions that you might find helpful to the application, Thanks.

btw, you might experience a lag while a page is displaying the loading transition component, if so you can refresh the page, I don't really know what is causing this issue but I guess it's a Next 13 thing (after all using the beta version and the experimental app directory is still not the best option and is subject to any change 😐).

Hi There 👋

This is my second upload for this challenge, I just added new features to the application and I thought it might be a good idea to post these updates to hear your thoughts and listen to your valuable feedback 🤗.

update summary

• added the product's favorite logic (the ability to like and add a sneaker to the favorite list)
• the ability to search inside the favorite list by the product name.
• added the order list logic and the order page to preview the order details after checkout.
• added the logic to track the user viewing history per product (for now it's just the main product so only one product can be added to the history).
• some minor styling changes.
• the app state is persisted over sessions locally.

that's all for now, please feel free to leave any feedback or suggestions that you might find helpful to the app, Thanks.

Hi there 👋

This challenge was really awesome 👍 so I thought why not make it a little bit bigger so I decided to add some adjustment and features and I hope you guys like it.

For now I just built the home, product and checkout pages but I might continue developing this site in the future and add more features and pages, and maybe one day will take it to a full-stack level 🚀.

Let me know if you guys like the project I really appreciate your comments and your feedback.

Keep Coding 💻

🚀 Space Tourism challenge 🚀

• a near pixel perfect design with a nice ⌨ navigation
• would love to hear your feedback 😊

👉 site here 👈

I have an Input component that render the form in the personal info step number 1 it's working just fine but I would appreciate any feedback on it because I feel like it's a bit cumbersome and I think I need to refactor it. thanks in advance