Skip to content

Durgeshgadekar/My-E-commers-site

Repository files navigation

My E-Commerce Site

Welcome to My E-Commerce Site! This is a fully functional online store where users can browse products, add them to their cart, and complete purchases. The site is designed with a focus on user experience, scalability, and security.

Features

  • Product Catalog: Browse a wide variety of products with detailed descriptions, images, and pricing.
  • Search and Filter: Easily search for products or filter them by categories, price, or ratings.
  • Shopping Cart: Add products to your cart and view them at any time.
  • User Authentication: Secure user registration, login, and account management.

Technologies Used

  • Frontend: React.js,vite, Bootstrap, CSS
  • Backend: Node.js,
  • Deployment: Deployed on Vercel

Installation

To run this project locally, follow these steps:

Prerequisites

  • Node.js: Make sure you have Node.js installed on your machine.
  • MongoDB/PostgreSQL: Ensure you have a database instance running.

Setup

  1. Clone the Repository:

    git clone https://github.com/durgeshgadekar/my-e-commerce-site.git
    cd my-e-commerce-site
  2. Install Dependencies:

    npm install
    cd client
    npm install
  3. Run the Application:

    npm run dev

    This will start both the server and the client.

  4. Access the App:

https://my-e-commers-site-bkcp.vercel.app/

Usage

  • Browse Products: Navigate through different categories or search for specific products.
  • Add to Cart: Click on "Add to Cart" to add items to your shopping cart.
  • Checkout: Go to the cart page and proceed to checkout using your preferred payment method.
  • Manage Account: Log in to view your profile, manage your account settings, and view order history.

Project Structure

  • client/: Contains the React frontend code.
  • server/: Contains the Express backend code.
  • models/: Database models for MongoDB/PostgreSQL.
  • routes/: API routes for handling backend requests.
  • controllers/: Contains the business logic for handling requests.
  • middleware/: Custom middleware for handling authentication, errors, etc.

Deployment

To deploy this application:

  1. Set up a production environment on a platform like AWS, Heroku, or Netlify.

  2. Update environment variables with production credentials.

  3. Build the frontend:

    cd client
    npm run build
  4. Deploy the application by following the specific platform's deployment instructions.

Future Enhancements

  • Wishlist: Allow users to save items for later purchase.
  • Product Reviews: Enable users to leave reviews and ratings on products.
  • Admin Dashboard: Create an admin panel to manage products, orders, and users.
  • Multi-language Support: Add support for multiple languages.

Acknowledgements

  • React.js: For providing an excellent framework for building the frontend.
  • **Platzi fake /api

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published