bakinLane-react

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

bakinLane-react

★ 9 Open GitHub ↗

An Ecommerce Web App for cakes and muffins.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
  <img src="/public/logo.webp" height="100" width="100" alt="logo"/>
  <h1>Bakin Lane</h1>
    <p>Are you also the foodie? Do you love Desserts? <a href="https://bakin-lane.netlify.app/">Bakin Lane</a> is for you! Its the E-Commerce Website for different varieties of Cakes and Muffins. Checkout the source code for backend <a href="https://github.com/romabulani/bakinlane-backend">here</a>.</p>
 </div>

## 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](https://muffinui.netlify.app/) Component Library
- Razorpay Payment Integration API
- Git For Version Control
- Netlify for Deployment
- Cloudinary for Image Hosting

## Live Link
[Bakin Lane](https://bakin-lane.netlify.app/)

## Demo Video

https://user-images.githubusercontent.com/42478246/162211217-4ed1f95c-3c57-4557-ae39-d7e97a4aba1a.mp4

bakinLane-react

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README