🌐 Route Frontend React JS E-Commerce Project 🛒

A Modern, Stylish Shopping Experience Built with React!

Welcome to the front end of an exciting e-commerce project designed for both performance and style! This project is crafted with ReactJS, TailwindCSS, and React Router DOM to provide a smooth and responsive user experience across all devices.

---

✨ Key Features

🔐 Authentication – Secure user login, registration, and email validation for peace of mind
📜 Product Catalog – Browse a wide selection of products with beautiful images, descriptions, and user ratings
🛍️ Shopping Cart – Easily add products to your cart, adjust quantities, and manage your order
💳 Checkout – Complete your purchase with online or cash payment options
📦 User Dashboard – View your order history and manage your account details
📱💻 Responsive Design – Seamlessly adapts to desktop, tablet, and mobile screens

---

🛠️ Tech Stack

• ReactJS ⚛️ – The foundation for our dynamic UI
• TailwindCSS 🎨 – Utility-first CSS framework for beautiful, responsive design
• React Router DOM 🧭 – Smooth navigation between pages
• React Query 🔍 – Simplifies data fetching and caching
• Formik 📝 – Robust form handling library
• Framer Motion 🎬 – Adds smooth, modern animations and transitions

---

🚀 Getting Started

Ready to dive in? Follow these steps:

1. Clone the repository:

   git clone https://github.com/nasserml/Route-Front-End-React-JS-Eng-Hajar-SaMir-E-Commerce-Project.git

2. Navigate to the project directory:

   cd route-fontend-final-project-eng-hajar-samir-reactjs-ecommerce-project

3. Install dependencies:

   npm install 

4. Run the development server:

   npm run dev

   Visit http://localhost:3000/ in your browser to see the app live! 🌟

---

📂 Project Structure

Here's a snapshot of the main files and directories for easy navigation:

├── src
│   ├── APIS
│   │   ├── getSpecificProducts.js
│   │   ├── cartApi.js
│   │   ├── getCategories.js
│   │   ├── getProducts.js
│   │   └── payment.js
│   ├── Components
│   │   ├── Forget.jsx
│   │   ├── ProductsDetails.jsx
│   │   ├── MainSlider.jsx
│   │   ├── Products.jsx
│   │   ├── Navbar.jsx
│   │   ├── Footer
│   │   │   ├── Footer.jsx
│   │   ├── Item.jsx
│   │   ├── CartProduct
│   │   │   ├── CartProduct.jsx
│   │   ├── RatingStars
│   │   │   ├── RatingStars.jsx
│   │   ├── Register.jsx
│   │   ├── Orders.jsx
│   ├── Hooks
│   ├── Context
│   │   ├── AuthContext.jsx
│   │   └── CounterContext.jsx
│   ├── App.jsx
│   ├── index.css
│   ├── App.css
│   ├── main.jsx
│   └── assets
│       ├── icons
│       ├── images
├── vite.config.js
└── tailwind.config.js

---

🤝 Contributing

Want to make this project even better? Contributions are welcome! Please feel free to open issues or submit pull requests.

---

📜 License

This project is licensed under the MIT License – feel free to fork, modify, and use it as you see fit!

---

📬 Contact

Questions? Reach out to Eng. Mahmoud Naser.
Let's build an amazing e-commerce experience together! 🚀

---

Happy coding, and welcome to the Route Frontend React JS E-Commerce Project!