Used Tech

  • Fullstack
  • Nuxt
  • Tailwind
  • Prisma
  • Pinia
  • PostgreSQL
  • Supabase

Welcome to my ecommerce website!

While it is still a work in progress, I am proud to share it with you. This project was developed as part of my frontend developer portfolio to showcase my skills. One of my primary goals with this project was to create a mobile-first design, ensuring a smooth and responsive experience across all devices.

Please note that as this website is currently hosted on a free tier hosting plan, the initial load time may be longer than usual. However, I have optimized the website for faster load times by using efficient coding practices and by leveraging technologies such as caching, lazy loading, and code splitting.

As this shop was created only for demo purposes in my portfolio, I have not yet implemented a checkout system. However, I plan to add this feature in the future. For now, you can still browse and add products to your cart without any issues. Please note that to ensure persistence of your shopping cart state, you will need to register and log in to the website.

To ensure secure access to the website, I have used Supabase Auth for authentication and authorization. This has enabled me to create a secure user authentication system with minimal effort. Once you have registered and logged in, you can add products to your cart and your shopping cart state will persist across sessions.

For styling, I have used Tailwind CSS and customized the design to my liking. This has enabled me to create a responsive, mobile-friendly website with ease. Additionally, to ensure type safety from the database to the frontend, I used Prisma. This has allowed me to write type-safe queries and to handle data more efficiently.

To optimize the website's performance, I created a Pinia store for the products. Once the products are fetched from the database, they are stored in the Pinia store, reducing the number of database requests and improving the website's speed. This has enabled me to create seamless page transitions and a better user experience.

Overall, this project was a great learning experience for me, as it is one of my first Nuxt 3 projects. I had a lot of fun creating it, and I am excited to continue improving it in the future. Thank you for taking the time to check it out!