I integrated an ASP.NET Core API into the project by:

• Consuming RESTful endpoints to fetch and display data dynamically on the frontend.
• Handling API requests and responses efficiently using tools such as Axios.
• Implementing error handling mechanisms for a seamless user experience.
• Collaborating with the backend developer to ensure proper API integration and resolve any issues.

• React.js
• Redux Toolkit, Redux Presist, Redux Selectors
• React Router Dom
• TypeScript
• Axios Library
• React Hook Form
• Zod Validation
• React Bootstrap
• Lottie React
• Swagger For API Testing

1. Homepage:

   • Displays featured products with pagination for easy browsing.
   • Category navigation bar for quick access.
   • Price filter for refined searches.

2. Single Product Page:

   • Detailed product information (name, description, price, etc.).
   • Add or remove the product from the cart and manage quantity.
   • Add or remove reviews for the product.
   • Displays related products.

3. Products Page:

   • Includes All Products with pagination for navigating through products efficiently.
   • Includes a sidebar for advanced filtering:
     • Filter by category, color, material, price range

4. Wishlist Page:

   • Displays products added to the wishlist for later consideration.

5. Shopping Cart Page:

   • View products added to the cart.
   • Update product quantities.
   • Confirm order for checkout.

6. Orders Page:

   • Displays all confirmed orders with product details and quantities.

7. Authentication:

   • Sign-up and sign-in pages for user account management.

8. About Us Page:

   • Provides information about the website and the team behind it.

9. Profile Page:

   • A user profile page showcasing user information and providing options to edit the profile like update password.

10. Skeleton And Animation:

    • Implementation app skeleton in the case data is loading or fetching from api and some file animation for different state like there's a error or the page is empty or order is success and more ...

1. Dashboard Page:

   • Restricted access for Admin users only.
   • Add new products to the inventory.
   • Update or delete existing products.
   • Manage product categories.

2. Manage Roles:

   • Admin can give user role as Admin by Email of user to access more features.

This project integrates an ASP.NET Core API for backend services, providing robust and scalable server-side functionality. Key integrations include:

• Products API:

  • Fetch, create, update, and delete products.
  • Support for product filtering by category, color, material, and price.

• Cart and Wishlist API:

  • Manage cart items and wishlist items for users.
  • Add, update, or remove items as needed.

• Orders API:

  • Create and Display confirmed orders with product and quantity details.

• Authentication API:

  • User registration and login functionality.
  • Token-based authentication for secure access.

• Admin API:

  • Admin-specific endpoints for managing the dashboard, products, and categories.

If you have any questions or need more information, please feel free to contact us:

• Email: ahmedfaresss417@gmail.com
• LinkedIn: https://www.linkedin.com/in/dev-ahmedfares/