mustafa-khaled / exclusive-online-store

Exclusive E commerce App using React js

Live site URL

E-Commerce App

This is an e-commerce application built using React, The app provides authentication features ( sign up and login ), managing cart add and delete items, managing wishlist and create an order.

Features

1. User Authentication: The app incorporates authentication, enabling users to create accounts, login securely, and manage their personal information. This ensures a seamless and personalized shopping experience for each user.

2. Product Catalog: Users can explore a wide range of products through an intuitive and responsive user interface. The catalog provides detailed product information, including images, descriptions, and prices.

3. Shopping Cart: Users can add products to their shopping cart, update quantities, and remove items as needed. The cart dynamically calculates the total price, allowing users to review their selections before proceeding to checkout.

4. Wish List: Users can create a wish list to save their favorite products for future reference. This feature allows users to easily track and revisit products they are interested in without having to search through the entire catalog.

5. Checkout: Users Can check out and create an order.

6. Navigation: The App provides a seamless navigation .

Technologies Used

• React: The app is built using React, a popular JavaScript library for building user interfaces. React's component-based architecture allows for modular development and efficient rendering of dynamic content.

• react Query: maniging the remote state using React Query, a powerful library for managing and synchronizing server data in React applications. React Query simplifies data fetching, caching, and state management, enhancing the app's performance and responsiveness.

• Tailwind CSS: The app is styled with Tailwind CSS, a utility-first CSS framework. Tailwind CSS streamlines the design process by providing a wide range of pre-built utility classes, allowing for rapid and maintainable UI development.

• React Router: Library to manage routing between pages and i embemented navigation using it.