Myntra Hacker-Ramp Project
[TOC]
This project for built for Myntra Hacker-Ramp Hackathon with two tracks in mind; namely, Socialize and Gamify Track. We mainly aim to increase the customer involvement, satisfaction and convenience increasing features.
Project Sub-Components
-
Swipe Feature
(for like and dislike products selected daily randomly, and so that customer spend more time on myntra)
-
Friends Feature
(to have friends and send & accept friend requests)
-
View Friend's Wishlist
-
Search Friends
-
Chat with friends
-
View your own profile
-
Top like products based on
-
Authentication
(login, register and logout system using JWT)
Tech Stack Used :-
M: MongoDB E: Express JS R: React JS N: Node JS
For setting up Development Based environment to run our project, follow the instructions given below.
## Get The FilesDownload the code zip file from our GitHub repository or run the following command in the folder you want to save our files in, using any terminal or command prompt
git clone https://github.com/Om-Bhagwat/Myntra-HackerRamp
Starting the Servers
Starting Backend Server (NODEJS)
change the directory to ./backend
and run the following command
npm i
nodemon server.js
if you don't have nodemon install it via npm i -g nodemon
Starting Frontend Server (React)
change the directory to ./client
and run the following command
npm i
npm start
Starting WebSocket Server (Provides Chat Facilities)
change the directory to ./websocket
and run the following command
npm i
node server.js
dev.env
file in Backend Directory
Setup create a dev.env
file in ./backend
directory.
In dev.env
file define the PORT
value for backend to start, TOKEN_SECRET
for storing jwt authentication, DB_URL
to store your MongoDB database server address.
# as an example
PORT=3003
TOKEN_SECRET=thisisyou
DB_URL=<here goes your MongoDB server address, local or online>
Screenshots
Login Screen
Password Screen
Friends Section
Home Screen 1
Home Screen 2
Search
Profile