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)

Features

• 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

Libraries

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

Requirements

• Node v16.17.0

Run Chrome with disabled cors option (OS X)

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

Docker

Build server:

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

Run

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

Stop

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

Useful links

• Add bootstrap to svelte
• Manage multiple version of Node.js with nvm