CollabCart - Collaborative Shopping Experience

Myntra-Hackerramp - WeForShe

Description

Participate in the Myntra Hackathon with this innovative project aimed at creating a social shopping platform. The Collaborative Shopping Experience allows users to create shared shopping carts, invite friends or family to join, and add items in real-time for a collaborative and enjoyable shopping experience.

Table of Contents

Installation

Usage

Features

Screenshots

Tech Stack

Installation

Step-by-step instructions on how to install and set up the project.

1. Clone the repository

git clone https://github.com/shivanjalikarande/myntra_hackerramp

2. Navigate to the project directory

cd myntra_

3. Install dependencies

npm install

4. Create database in MongoDB compass with name 'fashionDB'

5. Create a collection named 'products' in MongoDB compass and import csv file (products.csv) which is in data folder

6. Start the project

nodemon app.js

Usage/Examples

Examples of how to use the project :

Creating a Shared Shopping Cart

• Create a Cart:
  Enter group name & click on the "Creat Collaborative Cart" button to start a new shared shopping cart.

• Invite Friends/Family:
  Invite friends or family members by sharing the unique cart ID.

• Join a shared cart:
  Enter a unique cart ID shared by your friends to enjoy collaborative shopping experience!

• Add Items:
  All members of the shared cart can add items. Everyone sees these updates in real-time.

Features

• Enhances the Social Shopping Experience:
  By allowing users to shop together online, it makes the experience more fun and engaging, just like shopping with friends in a store.

• Facilitates Group Purchases:
  This feature makes it easier for users to coordinate buying clothes, saving time and effort.

• Increases User Engagement and Time Spent:
  Users will spend more time on the platform as they interact with friends and family, making the shopping experience more enjoyable.

• Potentially Boosts Sales:
  Collaborative decision-making and shared interests can lead to more purchases, as users are encouraged by each other to buy items.

• Provides a Competitive Edge:
  Offering unique social shopping features gives the platform an advantage over others that don’t have these options, attracting more users.

Screenshots

Tech Stack

Client:

• HTML: Markup language for creating the structure of web pages.
• CSS: Styling language for designing web pages.
• Bootstrap: CSS framework for responsive design and prebuilt components.
• EJS: Templating language for embedding JavaScript into HTML.

Server:

• Node.js: JavaScript runtime environment for executing server-side code.
• Express.js: Web framework for Node.js, used for building RESTful APIs.

Database:

• MongoDB: NoSQL database for storing data as JSON-like documents.
• Mongoose: Object Data Modeling (ODM) library for MongoDB and Node.js, providing a schema-based solution to model your application data.

Others:

• JavaScript: Programming language used on both the client and server sides.