Skip to content

AmitwalaH/react-ecommerce-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Studio - Ecommerce Website

🚀A dynamic and interactive E-Commerce Website built with React, TypeScript, JavaScript, Axios, and MySQL.


🌟 Features

  • 🛒 Interactive Shopping Cart: Add products, view totals, and manage your cart dynamically.
  • 📦 Order Tracking: Track your orders in real time.
  • 💳 Checkout Page: A simple and smooth checkout process.
  • 📱 Responsive Design: Fully optimized for both desktop and mobile devices.
  • 🎨 Modern UI: Clean and user-friendly interface built using REACT .
  • 🌐 Axios: API integration handled through
  • 📦 MySQL: Backend integration with
  • ☁️ AWS (Frontend + Backend): Fully deployed for a real production environment

🖼️ Screenshots


1. Home Page

Screenshot 2025-11-10 200254

3. Checkout Page

Screenshot 2025-11-10 200305

4. Order Page

Screenshot 2025-11-10 200316

5. Track Page

Screenshot 2025-11-10 200333

5.Search Page

Screenshot 2025-11-10 200412

💻 Tech Stack

  • Frontend: REACT, CSS, TS, JS
  • Backend: JavaScript & TypeScript (Fetching Realtime Data)
  • Database: MySQL
  • HTTP Client: Axios
  • Deployment: AWS

🌐 Deployment

The project is deployed on AWS:

  • Frontend hosted using AWS Elastic Beanstalk / S3 (Static Hosting)
  • Backend hosted on AWS Elastic Beanstalk
  • Database managed via MySQL (local MySQL)

🔧 Installation & Setup

  1. Clone the repository:

    git clone https://github.com/AmitwalaH/react-ecommerce-project.git
  2. Install Dependencies:

    • For Frontend
    cd ecommerce-project
    npm i
    • For Backend
    cd ecommerce-backend
    npm i
  3. Run the Project:

    • For Frontend
    cd ecommerce-project
    npm run dev
    • For Backend
    cd ecommerce-backend
    npm run dev

🌐 Live Demo


🤝 Contributing

We welcome contributions to enhance the Studio - Ecommerce Website project. To get started:

  1. Fork the repository: Click on the "Fork" button at the top right of this page.

  2. Create a new branch:

    git checkout -b feature/your-feature-name
  3. Commit your changes:

    git commit -m "Add your commit message"
  4. Push to your fork:

    git push origin feature/your-feature-name
  5. 📬 Open a pull request.


Feel free to add any extra information or customize it further based on your project needs! Let me know if you need any adjustments. 😊

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors