Skip to content

Orangefry.com is a clone of Pepperfry.com. It is an Indian online marketplace for furniture and home décor. Tech Stack: MongoDB, Express and Node.js

Notifications You must be signed in to change notification settings

KunalMehra075/OrangeFryFrontend

Repository files navigation

Introducing Orangefry.com

ProjectCode - tame-ink-7589

Orangefry.com --> Clone of pepperfry.com Deployed Site Link : https://orangefry.netlify.app/ Deployed Backend Link : https://orangefry.netlify.app/

Orangefrylogo

What is OrangeFry.com??

Orangefry is an Indian online marketplace for furniture and home décor.A really good company when it comes to benefits, culture, office amenities. The management is very helpful and always available to talk. We have variety of furniture products from all over the world.

This website is fully functional website with all CRUD operations by user . They need to go through User Authentication middleware, to perform any interactions

And for Admin site there is a special middleware called Admin Authenticator. The CRUD operations on products can only be done by admin because Admin Authenticator sees it the user who is making request role is Admin or not.


Features :-

  • Users interact with it and their data will be safe forever.
  • On any product, Users can comment and edit them also.
  • Admin can modify the product and manage orders.
  • The Admin can manage Products, Users and Comments.
  • Google Authentication Login & Signup functionalities

Tech Stack Used: -

Frontend

HTML CSS JavaScript BootStrap

Backend : -

Node.js Express.js MongoDB Passport

Routes :-

Users Routes
GET      /users                   -> Getting All the Users,(Needs Admin's Authentication)
POST     /users/register          -> Register New User (Requires user details in req.body)
POST     /users/login             -> Login existing user (Requires email and passwords, returns token if login success)
DELETE   /users/delete/:id        -> Delete User,(Needs Admin's Authentication)
PATCH    /users/update/:id        -> Update User,(Needs Admin's Authentication)

Products Routes
GET      /products/               -> Getting All the Products,
POST     /products/create         -> Create a new Product(Needs Admin's Authentication)
DELETE   /products/delete/:id     -> Delete Product,(Needs Admin's Authentication)
PATCH    /products/update/:id     -> Update Product,(Needs Admin's Authentication)

Cart Routes
GET      /carts/                  -> Getting All products in cart of a user(Takes UserID)
POST     /carts/create            -> Add a Product to the cart
DELETE   /carts/delete/:id        -> Delete a product from cart
DELETE   /carts/deleteAll/:id     -> Delete All Product in Cart
PATCH    /carts/update/:id        -> Update Product,(example quantity)

Favorites Routes
GET      /favorites/              -> Getting All Favorites of a user,(Takes UserID)
POST     /favorites/post          -> Add a Product to the Favorites
DELETE   /favorites/delete/:id    -> Remove a product from Favorites
DELETE   /favorites/deleteAll/:id -> Remove All Product in Cart

Reviews Routes
GET      /favorites/              -> Getting All Reviews of a Product,(Takes ProductID)
POST     /favorites/post          -> Add A review to a product
DELETE   /favorites/delete/:id    -> Delete the review,
DELETE   /favorites/update/:id    -> Edit the review,
Note:- (The person who wrote the review can edit/delete a review)

Google Routes
GET     /google                   -> Initiating Google Auth
GET     /google/callback          -> Redirect URI
GET     /google/login             -> Getting User Data after Google Authentication
GET     /google/logout            -> Logging out from the session


Here are some screenshots of website.

🍊 Home Page :-

home1

🍊 Home Page MegaMenu :-

home2

🍊 Home Page Offcanvas :-

home3

🍊 AllProducts Page :-

Allproducts2

🍊 OneProduct Page :-

Oneproduct2

🍊 Review & Questions Section :-

Review and feedback

🍊 Checkout Page :-

checkout

🍊 Order Summary Page :-

order summary

🍊 Admin Page :-

Admin Page

🍊 Admin Page Edit Product :-

Edit product

🍊 About Website and Techstack Used :-

About website and techstack

Thankyou for your time 💝

About

Orangefry.com is a clone of Pepperfry.com. It is an Indian online marketplace for furniture and home décor. Tech Stack: MongoDB, Express and Node.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published