Skip to content

Buybusy is an e-commerce app for browsing, cart management, and purchases. Users can filter/search products and sign in with email or Google IDs.

Notifications You must be signed in to change notification settings

neerajsingh869/BuyBusy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

93 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BuyBusy App

Description

Welcome to the buybusy project! It is an e-commerce app where users can browse products, add them to the cart, and complete purchases. Users can manage cart items, filter and search for products, and sign in with email, password, or Google IDs. This application leverages various libraries and frameworks to provide a robust and user-friendly experience.

TODO

  • Project Demo

Features

  • User Authentication: Sign-in/Sign-up with email and password or Google IDs.
  • Product Browsing: Users can browse through a variety of products.
  • Product Filtering: Filter products based on various criteria.
  • Product Search: Search for specific products.
  • Cart Management:
    • Add products to the cart.
    • Increase or decrease the quantity of items in the cart.
    • View the total price of items in the cart.
    • Remove items from the cart.
  • Notifications: User notifications using react-hot-toast.
  • Loading Indicators: Loading spinners using react-spinners for a better user experience.

Libraries & Frameworks Used

Core Libraries/Frameworks

These libraries form the backbone of the application, providing essential functionality and structure.

  • React - A JavaScript library for building user interfaces.
  • React Router - A library for managing navigation and routing in React applications
  • Redux - A predictable state container for JavaScript apps.
  • Redux Toolkit - The official, opinionated, batteries-included toolset for efficient Redux development.
  • Firebase - A platform developed by Google for creating mobile and web applications.

UI/UX Enhancements

These packages enhance the user interface and user experience of the application.

  • Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.
  • React Hot Toast - Smoking hot notifications for React.
  • React Spinners - A collection of loading spinner components for React.

Getting Started

To get started with this project, follow these steps:

  1. Clone the repository.
  2. Install dependencies using npm install.
  3. Configure Firebase credentials.
  4. Start the development server using npm run start.

Contributing

  1. File an issue to notify about what you're working on (Optional, Mandatory only when working on big changes).
  2. Fork the repo, develop, and make code changes.
  3. Make sure that your commit messages clearly describe the changes.
  4. Send a pull request.

Issues

Want to submit an issue to this project?

License

MIT