Skip to content

Latest commit

 

History

History
63 lines (52 loc) · 2.29 KB

README.md

File metadata and controls

63 lines (52 loc) · 2.29 KB
logo

Bakin Lane

Are you also the foodie? Do you love Desserts? Bakin Lane is for you! Its the E-Commerce Website for different varieties of Cakes and Muffins. Checkout the source code for backend here.

How to run the app locally?

$ git clone https://github.com/romabulani/bakinLane-react.git
$ cd bakinLane-react
$ npm install
$ npm start

Screens in this project

  • Landing Page
  • Product Listing Page
  • Authentication (Login, Signup and Logout) Pages
  • Single Product Page
  • Cart Management Page
  • Checkout Page
  • Wishlist Management Page
  • Profile Page
  • Address Management Page
  • Order History Page
  • 404 (Not Found) Page

Features

  • Landing Page with Tending Items and Featured Categories.
  • Product Listing Page with Filters on price, category, items and rating. Add to Cart and Toggle Wishlist available on very product.
  • Persistent Search Functionality, search works even after page refresh.
  • Authentication with validation for Login and Signup Pages.
  • Manage your wishlist on a different page.
  • Manage your cart, update quantity, move to wishlist from cart, remove from cart, real time calculation of price in cart. Apply coupons on cart.
  • User Profile Page to display the user details.
  • Address Management with Validation where user can add, edit and delete address.
  • Checkout Page to select the delivery address and proceed for payment.
  • Payment Integration using Razorpay API.
  • Order Summary Page where user can see all the orders sorted by the latest orders.
  • Pagination to show 8 products per page.
  • Alerts in the app to notify the users about success/failure operations.
  • All the screens are Responsive.

Tech Stack and Tools

  • React JS
  • React Router v6
  • React Context API + useReducer
  • Vanilla CSS integrated with Muffin UI Component Library
  • Razorpay Payment Integration API
  • Git For Version Control
  • Netlify for Deployment
  • Cloudinary for Image Hosting

Live Link

Bakin Lane

Demo Video

BakinLane.mp4