PriyanshuSharma0326/electronics-store-react

CircuitCart - Your Electronics Store

Welcome to CircuitCart, your one-stop destination for all your electronics shopping needs. This ecommerce application is built with React and Firebase, offering a seamless shopping experience for a wide range of electronic products.

Table of Contents

• About
• Features
• Project Structure
• Setup
• Contact
• Social

About

CircuitCart is your virtual electronics store, designed to make your shopping experience effortless and enjoyable. Explore various categories, find your favorite products, and add them to your cart with ease.

Features

• Categories: Discover a diverse range of electronics products, from mobiles & tablets to accessories and televisions.

• User-Friendly Navigation: Easily navigate through the app with the following links:

  • Shop: Explore products from all categories.
  • Contact: Find contact information for inquiries.
  • Login: Access your account using email and password or Google Sign-In.
  • Cart: Manage your selected items and proceed to checkout.

• Shop Page: Browse a curated selection of four products from each category at /shop.

• Contact Page: Get in touch with us for any assistance or inquiries.

• User Authentication: Securely log in or register for an account.

  • Login Page: Log in with your email and password.
  • Registration: Create a new account with email and password.
  • Switch Between Login and Register: Conveniently switch between login and registration from the same page.

• Cart Functionality: Add products to your cart, view them in the dropdown, and finalize your purchase at the /cart route. This page displays selected items and calculates the subtotal.

Project Structure

The project is structured as follows:

• /public: Contains static assets, including images.
• /src: Contains the React application source code.
  • /components: React components for various parts of the app.
  • /constants: Constants for the app.
  • /context: For state management within the app.
  • /lib: Firebase configuration and initialization and utility functions.
  • /routes: Routes for the app.
  • /styles: CSS styles for the app.

Contact

Feel free to reach out to me with any inquiries, opportunities, or collaborations. You can contact me at:

• Email: priyanshusharma0326@gmail.com
• LinkedIn: Priyanshu Sharma
• Portfolio: portfolio-xtechilad.vercel.app

Social

Connect with me on social media:

• Twitter: @xtechilad
• Instagram: @xtechilad
• GitHub: @priyanshusharma0326

Let's engage, share ideas, and stay connected!

Setup

To run this application locally, follow these steps:

1. Clone the repository: git clone https://github.com/PriyanshuSharma0326/electronics-store-react.git
2. Navigate to the project directory: cd electronics-store-react
3. Install dependencies: npm install
4. Start the development server: npm start

Usage

Once the development server is up and running, open your web browser and go to http://localhost:3000 to see the project in action.

Thank you for visiting my project!