“Fraazo.com” Website Clone

Fraazo is the online online store to buy fresh fruits and vegetables, herbs and dry fruits.

This project is about building a web application to buy wide variety of fresh fruits and vegetables. It have some cool features like save the data in redux-store and session-storage to reduce the dependency of network requests, toast notification for every action, pop up modal to display extra details and responsive for every screen size.

Technologies we used

🚀 Features

Login/Signup User Account
Searching product with Debouncing feature
Cart Add/Remove Items
Pop modal and Toast notification
Cart Update Quantities
Payment page which calculates the products prices dynamically.
Address Management
Order Summary
Coupons are provided for the discount
Responsive for every screen size.
Order details of all ordered item

🚀 Our Team Members:-

Ramesh [LinkedIn Profile]
Shriram [LinkedIn Profile]
Sarbjot Singh [LinkedIn Profile]
shubham barore [LinkedIn Profile]
Pratik Mate [LinkedIn Profile]
Thanigaivel Ambalavanan [LinkedIn Profile]

Screenshots

Homepage -

This is the main landing page of our website. Here clicking on any option on the Navbar and Images will redirect the user to the respective Product Page.

This page is functional and responsive.

Navigation bar -

If the user clicks on the SignUp/login page it shows the pages of that section and also Searching of product with debouncing feature.

Sign up / Sign in Page -

On this page, you can register a user. If the user is already registered, you can simply sign in by providing valid details of the user.

Products Page -

Here users can browse and add items to the cart by clicking on the Add to Cart button.

Cart Page -

Here all the products added to the cart will be shown. On this page, you can also remove the items. By clicking on the “CHECKOUT” button you will be redirected to the checkout page.

Payment Page -

On this page, users can add their address details and add their payment details.

By providing these details users can place orders by clicking the “PLACE ORDER” button.

After Proceeding users get this screen-

After Payment Success you will be redirected to the Home Page.

Run Locally

Clone the project

  git clone https://link-to-project

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the local API server

  json-server --watch data.json --port 8080

Start the live server from index.html or refer to deploy link

  https://sarb908.github.io/Fraazo/

shubham0709/fraazo-clone