Our Bakery - Website for a fictional Bakery
Find it live: bakery.leotg.com

Project Description

This project is a website with ecommerce functionalities for a fictional bakery called "Our Bakery". It is developed and designed to match the modern development and design principles. The project utilizes Nuxt.js with Express.js and Fastify.js technologies. As for other tools and utilities, check out "Project Technologies" tab. This project is self hosted on Linux Mint using Caddy.

---

Project Technologies

• Nuxt.js/Vue.js
• SCSS
• Typescript/Javascript
• Vite
• Pinia
• Nitro
• Quasar
• Vuetify
• Vue-number
• Vee-validate
• Yup
• Express.js
• Fastify.js

---

Project Features

• A modern, multipage SPA.
• Self-hosted fonts, no tracking by google.
• Dynamic favicon and page titles.
• Product generation by AI.
• Backend implementation of getting images, products.
• Product recommendations.
• Persistant Cart, persistant user data.
• Efficient loading policies using NuxtImg.
• Form validations for news letter and order details, including dynamic card validation.
• Route guards, custom 404 page, persistant user state, state updates in the UI..

---

Project Images:

Home page:

Products page:

Webshop page:

Cart page:

Order page:

---

Project Structure

The project is structured following the Nuxt directory structuring conventions, more about here.

There is also a styles folder, located in assets that contains css resets, and linking to selfhosted fonts, located in the "fonts" folder.

---