All solutions

Audiophile E-commerce Site

🌟 Features

• Frontend of an E-commerce site with product pages, cart functionality, and user forms.
• Fully responsive design.
• Form management and state handling.

🛠️ Technologies Used

• Core: HTML, CSS, and React
• Styling: TailwindCSS
• Routing: React Router for routing in the app.
• Form Management: React Hook Form for form handling and validation.
• State Management: Zustand for global state.

For some reason the background images are working on my machine but is not uploaded to vercel. If someone with tailwindcss and next.js experience could give me some feedback on that it would be greatly appreciated

Im fairly proud of this one as the responsiveness of it was quite challenging for me. The layout is not perfect and there are still some improvments to me made, forexample the background is abit off compared to the targeted design. But overall a fun and challenging project by Frontend Mentor. And also the media queries are abit all over the place, so that could need some improvements aswell

During this project, I learned a lot about grid, flexbox, how to utilize variables and utility functions in CSS, and how to structure my HTML and CSS code for better readability and maintainability. This project helped me improve my skills in front-end development and gave me a better understanding of how to create responsive layouts that look great on all screen sizes.

A fairly simple component built with using HTML and CSS. I'm continuing to learn more about the ins and outs of the silly and weird intricacies of CSS.

FrontendMentor.io Challenge Completed challenge with responsive design. The project is built using HTML, CSS and Figma design files.

What I learned During this project, I learned a lot about grid, flexbox, how to utilize variables and utility functions in CSS, and how to structure my HTML and CSS code for better readability and maintainability. This project helped me improve my skills in front-end development and gave me a better understanding of how to create responsive layouts that look great on all screen sizes.

Things to improve The layout isn't perfectly aligned with the targeted design. This will be something to improve on moving forward.