Skip to content

Fraazo is the online store which brings a wide range of farm fresh fruits, vegetables and dairy products to you, all in just a click. This project is about building a web application to buy wide variety of fresh fruits and vegetables.

Notifications You must be signed in to change notification settings

Thannzz/Fraazo-Clone

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

92 Commits
 
 
 
 
 
 

Repository files navigation

“Fraazo.com” Website Clone

Homepage

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

React

GPLv3 License

AGPL License

AGPL License

AGPL License

🚀 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
  • Order details of all ordered item

🚀 Our Team Members:-

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.

Homepage

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.

Navigation bar

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.

Sign up

Products Page -

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

Products Page

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.

Cart

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.

Products Page

After Proceeding users get will get OTP page

OTP Page

If user entered correct OTP it will redirect to payment succefull page or elese it entered wrong it will get error as wrong OTP

Products Page

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

In case you clicked on cancel on OTP Page it will redirect to this page.

Products Page

Run Locally

Clone the project

  git clone https://github.com/shriram083/Fraazo-Clone.git

Go to the project directory

  cd Fraazo-Clone

Install dependencies

  npm install

Start the localhost server

  npm start

Start the local API server

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

Or refer any one deployed link

Netlify Link

https://fraazo-clone-web-17.netlify.app/

Vercel Link

https://fraazo-clone-web-17-rtc101.vercel.app//

About

Fraazo is the online store which brings a wide range of farm fresh fruits, vegetables and dairy products to you, all in just a click. This project is about building a web application to buy wide variety of fresh fruits and vegetables.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 97.5%
  • CSS 1.6%
  • HTML 0.9%