Svelte Ecommerce

Demo of a real case of ecommerce made with Svelte and Express.


Svelte e-commerce demo

Report Bug · Request Feature

About the project

Demo of a real case of ecommerce made for Web programming, Design & Usability (Università degli studi di Catania - Magistrale in Informatica (Curriculum Data Science) A.A. 2022-2023)


  • Admin Panel:
    • Creation of Product
    • Order management
    • User views
  • Authentication
  • Searchbar (on products page)
  • Shopping cart management
  • Simulation of purchase (it is not necessary to be logged in)
  • Order status
  • Notify with email for: password recovery, after checkout and when the status of order change
  • MongoDb (using MongoDb Cloud )
  • Product's image upload


Server side

  • Express
  • Mongoose to handle database
  • Nodemailer to sending emails

Front end side

  • SvelteKit
  • Bootstrap 5.2 with SASS integration
  • i18n (sveltekit-i18n)

    Getting started

To run the server side, in this folder:

npm run dev

To run the client side, go to client folder and then:

npm run dev


  • Node v16.17.0

Run Chrome with disabled cors option (OS X)

open -n -a /Applications/Google\\ Chrome --args --user-data-dir="/tmp/chrome_dev_test" --disable-web-security


Build server:

docker image build . -t <your_dockerhub_name>/<container_name>:tag


docker run -p 4000:3000 <image_name/image_id>


docker stop -t 10 18d2d8935a4f

Nice to have

  • Dockerize all client side
  • Deploy on GitHub
  • Handle custom sale code shipping
  • Divide products in dynamic categories
  • Add

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes