/dcl

Primary LanguageTypeScriptApache License 2.0Apache-2.0

By Team "We_Do_It_With_Cookies"

MetaCommerce - A future of shopping in MetaVerse

  • How about changing the whole shopping experience to a more realistic one ..?
  • How about having fun and enjoying the feel of being at places like "shopping malls" without actually being there and from the comfort of your home ..?
  • How about owning your product not only in the real world but in digital world as well ?

  • Sounds cool right ??

animated

So here we bring you "Flipkart's 3D virtual world"

  • A fully 3D virtual world in MetaVerse in Decentraland.
  • Decentraland is a 3D virtual world browser-based platform. Users may buy virtual plots of land in the platform as NFTs via the MANA cryptocurrency, which uses the Ethereum blockchain.
  • Mana Tokens - In-game ERC-20 cryptocurrency of Decentraland used to trade land and other goods(wearables,objects etc) in the virtual world.

Demo video link

🟡Demo Video Link (GoogleDrive)

Screenshots

Avatar Generation Plus Member Zone
avatarGeneration

Table of Contents

UseCases

  • Our solution keeps users more engaged to the 3D world with interactive UI, which helps in attracting more and more customers.It also has customizable Avatar generation feature along with some in-built wearables provided by dcl.

  • On purchasing any product, along with the product the user even gets the NFT of the product which gives them the ownership for the product in digital world as well. Using this he/she can flaunt about it digitally as well.

  • User gets a 3D view of the product in the shop which makes it look more realistic and the AR view will basically help to enable the “try on apparel” feature.

  • Our solution provides both types of buying features,i.e,buying items from the Metacommerce using “MANA tokens” or buying it through Flipkart’s website whose link is provided in the respective 3D models.

Features

  • 3D space/Avatar :-The 3D space which we are using here is the Decentraland which is a virtual world and gives numerous features.One of them is building customizable avatars which helps the user to give itself a unique identity.

  • Flipkart Supercoins :- We have added flipkart’s supercoins as a token of gift to all the new customers .Also on every purchase,some of these supercoins depending on the price of the item will be given to the customers.

  • Interactive UI :- To attract more and more customers we have provided stuffs like Atari gaming console,Flipkart’s NFT marketplace where users can buy NFTs,a big LCD screen to display promotional videos and to launch products/assets digitally.

  • Building The Main flipkart shop :- Here we have displayed the 3D models of the apparels on which the user can simply tap on and visit the site to purchase it.They can also scan the the attached QR-code to try-on the apparel in AR view.They can also purchase the item using the “MANA token” and in return the “NFT” of that product will be transferred to the user’s linked wallet.This way the user will own the product digitally as well !

  • Shop For Flipkart Plus Members :- To the users who buys the flipkart plus membership, we’ll provide them an exclusive NFT token.Now at the entry gate of this shop there is a scanner which scans the user and checks if the user owns that particular NFT or not.If the user has that token, the entry access is confirmed or else the entry is denied ! Once the access is confirmed,the user gets to enter the shop and enjoy the extra perks and benefits provided by “Flipkart Plus”.

TechStack

  • Decentraland SDK - powerful tool for creation of virtual 3D scenes.

  • TypeScript - superset of JavaScript- the main programming language used

  • Sketchfab/Blender/Unity - to download and modify 3D digital assets in glb/gltf format.

  • MyWebAR - to view 3D objects in Augmented Reality(AR).

  • Web3.Storage - to store data/files over the vast decentralized storage,accessible on the public IPFS network via a content ID.

  • Builder Decentraland - decentraland editor for creation of simple objects like trees and billboards.

Installation

Pre-Requisites:

  1. Install Git Version Control [ https://git-scm.com/ ]

  2. Install NodeJs [ https://nodejs.org/en/download/ ]

  3. Download and install the Decentraland CLI by running the following command:

npm i -g decentraland

Clone the project:

  git clone https://github.com/st2251/Flipkart-Store-in-MetaVerse.git
  • Go to the project directory

  • To download the SDK and required npm modules into your directory, run the following command in CLI

 npm i decentraland-ecs
  • Now, once the SDK download is complete, run your project using the below command
dcl start

Documentation

PPT Documentation

Future Aspects

  • Firstly, the “purchasing” of product by the user.What we have planned to do is that we will generate a NFT of each product.Now the user will purchase the product using the “MANA tokens” as currency and in return the NFT of that product will be transferred to the user.In this way the user can even flaunt about the item which they own digitally as well.Now this product gets delivered to the user in real world.So this is how the metaverse will work -it will connect the virtual world created to the real world we live in !

  • Secondly,adding “Your Orders” section to create a “Flipkart wallet” where all the NFT’s owned by the user will be visible.

  • We are even working on the “camera enabling” feature , where multiple users can video chat with each other !

Authors

Tanisha Bhadani

Rahul Verma

Saurabh Tripathi

Made with perseverance and love by

Team We_Do_It_With_Cookies ❤️

As a solution for Level-2 problem statement given by Flipkart in Flipkart GRID4.0 Hackathon Challenge