https://github.com/romabulani/bakinlane-react

An Ecommerce Web App for cakes and muffins.
https://github.com/romabulani/bakinlane-react

cloudinary css ecommerce es6-javascript razorpay-api react react-context react-router reactjs

Last synced: 4 days ago
JSON representation

An Ecommerce Web App for cakes and muffins.

• Host: GitHub
• URL: https://github.com/romabulani/bakinlane-react
• Owner: romabulani
• Created: 2022-03-13T08:53:46.000Z (over 2 years ago)
• Default Branch: dev
• Last Pushed: 2024-06-26T16:39:33.000Z (5 months ago)
• Last Synced: 2024-06-26T20:10:16.926Z (5 months ago)
• Topics: cloudinary, css, ecommerce, es6-javascript, razorpay-api, react, react-context, react-router, reactjs
• Language: JavaScript
• Homepage: https://bakin-lane.netlify.app/
• Size: 979 KB
• Stars: 3
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        



  

  
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](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