Exclusive - Online E-Commerce Web Application 🛒

Welcome to Exclusive, your ultimate destination for hassle-free online shopping! Our state-of-the-art e-commerce platform is designed with a focus on user experience, offering seamless navigation and a wide range of products to explore. Crafted with the latest web technologies, including React, Tailwind CSS, Shadncn UI, and Radix UI, Exclusive ensures a responsive and visually stunning shopping experience across all devices.

• Features
• Technologies I Used
• Demo
• Getting Started
• Contributing
• License

Features 🚀

• Responsive Design: Experience the convenience of shopping on any device, whether it's a desktop, tablet, or mobile phone. Our website is fully responsive, providing a consistent and intuitive browsing experience across all screen sizes.

• Skeleton Loading: Say goodbye to frustrating loading times! Exclusive employs skeleton loading techniques to provide users with a smooth and engaging browsing experience while products are being loaded. Watch as product placeholders gracefully fill in with content, ensuring users stay engaged and informed.

• Product Exploration: Dive into our diverse selection of products, carefully curated to cater to your unique preferences and interests. From featured products to best-sellers, there's something for everyone at Exclusive.

• Categories Galore: Explore our extensive range of categories, conveniently organized to help you find exactly what you're looking for. Whether it's fashion, electronics, home decor, or beauty products, we've got you covered.

• Shopping Cart & Wishlist: Seamlessly add products to your shopping cart or wishlist with just a few clicks. Keep track of your favorite items and easily manage your shopping preferences.

• Secure Payments: Shop with confidence knowing that your transactions are secure and protected. Exclusive integrates the trusted Stripe payment gateway, ensuring a safe and reliable payment experience for all users, even during test mode.

Technologies I Used 💻

• React: Harness the power of React to create dynamic and interactive user interfaces, making the shopping experience more engaging and enjoyable.

• Tailwind CSS: Embrace the utility-first approach of Tailwind CSS to build beautiful and responsive designs with ease. Say goodbye to repetitive CSS and hello to streamlined styling.

• Shadncn UI: Elevate your user interface with the sleek and modern components provided by Shadncn UI. From buttons to cards to navigation menus, Shadncn UI offers a wide range of customizable components to enhance your website's aesthetics.

• Radix UI: Utilize the powerful low-level components from Radix UI to create accessible and composable designs. With Radix UI, you can ensure that your website is usable and inclusive for all users, regardless of their abilities or devices.

• Vercel: Experience lightning-fast deployment and seamless scaling with Vercel, ensuring that your website is always available and performs optimally, no matter how many users are browsing simultaneously.

• Stripe: Trust in the security and reliability of Stripe for handling online payments. With Stripe, you can rest assured that your customers' payment information is safe and protected, allowing them to shop with confidence and peace of mind.

Deployment 🚀

Experience the magic by visiting the website here

Getting Started 🛠️

Ready to explore the code behind Exclusive? Follow these simple steps to get started:

1. Clone the Repository:

   git clone https://github.com/moazelgandy2/Exclusive
   

2. Navigate to the Project Directory:

   cd Exclusive
   

3. Install the Dependencies:

   npm install
   

   or

   yarn install
   

4. Start the Development Server::

    npm run dev
   

   or

   yarn dev
   

5. Open http://localhost:5173 with your browser to see the result.

Contributing 🤝

I welcome contributions from the community! If you're interested in contributing to Exclusive, please take a moment to review our contribution guidelines guidelines to get started.