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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent