priyanshusingh302 / MetaCommerceWebsite

An innovative E-commerce web application leveraging A-frame, providing users with a connected metaverse experience to view and purchase products

MetaCommerce Website

Meta-Creativity a web-based Metaverse using out of the box Avatar generation tool for users to enter and experience

Deployed on
https://velvety-croissant-4dd6f9.netlify.app

CREDITS-Nitu Kumari

TECH STACK

Frontend -> React JS, BootStrap, A-Frame, Three.js, ammo.js

Backend -> Node JS & Express JS

Database-> MongoDB

Installation process

1. clone the repo using this command

   git clone https://github.com/priyanshusingh302/MetaCommerceWebsite.git

2. install npm packages

   1. install backend packages

   cd server
   npm install

   2. install frontend packages

   cd client
   npm install

   3. Metaverse

   run live server in VS Code

3. go to the parent folder of mern-ecommerce & create .env for connection, JWT_SECRET, MDB_CONNECT

   cd MetaCommerceWebsite
   sudo nano .env

   (ctrl+x to save & nano follow instruction there)

   sample code for backend .env

   MDB_CONNECT=YOUR_MONGODB_URI
   JWT_SECRET=YOUR_JWT_SECRET

App Description:

	1.Metaverse 3D space shared by Multiple users.
	2.Generation of Personalised 3D Avatar , users would also have option to use their photographs for 		the creation of 3D Avatar, and can select and change different aspects for Avatar.
	3.Add to cart and checkout feature for a particular product is available.
	4.Search feature enables the user , to search a particular product from a large heap .
	5.Faster Implementation.
	6.Metaverse based Realistic UI.
	7.Ability to view and Analyse products in 3-Dimensional space.
	8.Next-gen Futuristic Metaverse Shopping experience

HOME PAGE

SIGN UP PAGE

LOG IN PAGE

PRODUCT PAGE

VR PAGE

CART PAGE

LOADING PAGE

METAVERSE PAGE

3D MODEL PAGE