Skip to content
/ fshn Public

FSHN: Project 1 for [CS-1202] Advanced Programming πŸ‘—πŸ’»

Notifications You must be signed in to change notification settings

tanviroy/fshn

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

logo

FSHN - an E-Commerce Platform for apparel πŸ‘—πŸ’»

Project 1 for [CS-1202] Advanced Programming. This is a MERN stack e-commerce (clothing store) website. This project was built by Ruthu Rooparaghunath, Soham De, and Tanvi Roy.

Quick Start

Open up a CLI, and execute the following commands:

$ git clone https://github.com/tanviroy/fshn.git
$ cd fshn

$ npm install
$ npm start

$ cd frontend
$ npm install
$ npm start

This should get your server to run at localhost:5000 and frontend to run at localhost:3000

Project Details

This project was built using the MERN stack of technologies.

Major Technologies Used

techstack


Area Technology
Front-End React, React-Bootstrap, CSS3
Authentication Passport.js, bcrypt.js
Back-End Node.js, Express, Mongoose
Cookie/Database Management CookieParser, MongoDB, Mongoose

Database



Defined Schemas Schema fields
Users username: String,
googleId: String,
email: String,
password: String,
address: { type: String, default: "home" },
mobile: Number,
orders: [{ type: String }],
cart: [{ type: String }],
wishlist: [{ type: String }],
Products name: String,
description: String,
category: [{ type: String }],
color: [{type: String}],
gender: [{type: String}],
imageurl: String,
price: Number,
rating: [{ type: Number }],
reviews: [{ body: String, user: String, verified: String }],
buyers: [{ type: String }],
wishers: [{ type: String }],

Codebase Structure

.
β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ data.js
β”‚   β”œβ”€β”€ passportConfig.js
β”‚   β”œβ”€β”€ product.js
β”‚   β”œβ”€β”€ server.js
β”‚   └── user.js
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ public/
β”‚   └── src/
β”‚       β”œβ”€β”€ components/
β”‚       β”œβ”€β”€ Pages/
β”‚       β”œβ”€β”€ App.css
β”‚       β”œβ”€β”€ App.js
β”‚       β”œβ”€β”€ font.ttf
β”‚       β”œβ”€β”€ index.css
β”‚       └── index.js
β”œβ”€β”€ .babelrc
β”œβ”€β”€ .gitignore
β”œβ”€β”€ helper.txt
β”œβ”€β”€ package-lock.json
β”œβ”€β”€ package.json
└── README.md

Code Documentation

For a more detailed documentation of our code and the complete list of project dependencies see Helper.txt.

Design

Logo design and concept banners can be viewed here

Demo

Home Page

Home

Shop - Search, Filter, Products

Shop

Product Page - Details and Reviews

Product

Login Page - Register, Login with FSHN account or Google OAuth

Login

Cart Page - Add/Remove to Cart

Cart

User Profile - Update Info, View User Insights

User

Citations

Nearly all of the project code was written by us ourselves. We used documentation code for React Bootstrap, Express, and Passportjs where needed.

About

FSHN: Project 1 for [CS-1202] Advanced Programming πŸ‘—πŸ’»

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published