React Store - E-Commerce Application 🛍️ Overview React Store is a modern e-commerce web application built with React.js, Tailwind CSS, and React Router. It features product listings, a shopping cart, product filtering, and a responsive design for seamless shopping on any device.
🔗 Live Demo 👉 Check it out here! (https://phenomenal-truffle-2aaf42.netlify.app/)
✨ Features ✅ Product Listing - View all available products in a clean grid layout. ✅ Shopping Cart - Add/remove items, adjust quantities, and see the total price. ✅ Product Filtering - Filter products by category or price range. ✅ Responsive Design - Works perfectly on mobile, tablet, and desktop. ✅ Dark/Light Mode - Toggle between themes for better user experience. ✅ React Router - Smooth navigation between different pages. ✅ Tailwind CSS - Stylish and fast-loading UI components.
🛠️ Technologies Used Frontend: React.js, Tailwind CSS
State Management: React Context API
Routing: React Router v6
Icons: Heroicons
Build Tool: Vite
🚀 Getting Started Prerequisites Node.js (v16 or higher)
npm or yarn
Installation Clone the repository
bash git clone https://github.com/anser624/React-Store.git cd React-Store Install dependencies
bash npm install
yarn install Run the development server
bash npm run dev
yarn dev Open in browser Visit http://localhost:3000
📂 Project Structure React-Store/ ├── src/ │ ├── assets/ # Images & logos │ ├── components/ # Reusable UI components │ ├── context/ # State management (CartContext) │ ├── pages/ # Main pages (Home, Cart, Product) │ ├── App.jsx # Main App component │ └── main.jsx # Entry point ├── public/ # Static files ├── tailwind.config.js # Tailwind CSS config └── vite.config.js # Vite configuration
🤝 Contributing Contributions are welcome! If you want to improve this project:
Fork the repo
Create a new branch (git checkout -b feature/your-feature)
Commit changes (git commit -m 'Add some feature')
Push to the branch (git push origin feature/your-feature)
Open a Pull Request
📜 License This project is licensed under the MIT License.
💬 Contact GitHub: @anser624
Email: [email protected]
🌟 Show Your Support If you like this project, give it a ⭐ on GitHub!
Happy Shopping! 🚀