Skip to content

romabulani/bakinLane-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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