Swift Basket is a modern and user-friendly ecommerce website built with React, Redux, and Tailwind CSS. This project allows users to browse a wide range of products, add items to their cart, create a wishlist, and includes user authentication features. It leverages the "FakeStoreAPI" to populate the website with mock ecommerce data.
You can check out the live demo of Swift Basket here.
Swift Basket offers a range of features to enhance the shopping experience:
-
Product Listings: Browse through a wide selection of products fetched from the FakeStoreAPI.
-
Cart Functionality: Add and remove items from your shopping cart. The cart provides a summary of your selected items.
-
Wishlist: Create a wishlist by adding your favorite items. Easily manage and remove items from your wishlist.
-
Responsive Design: The website is designed to be responsive, ensuring a seamless shopping experience across various devices and screen sizes.
-
Search Functionality: Find products quickly with a search bar that filters products based on keywords.
-
Category Filters: Filter products by category to narrow down your search.
Swift Basket uses user authentication to enhance the shopping experience:
-
User Registration: Users can create an account by providing their email and password.
-
User Login: Registered users can log in with their credentials to access personalized features such as a persistent shopping cart and wishlist.
-
User Profile: Registered users have a profile section where they can update their personal information and password.
-
Secure Authentication: User authentication is handled securely using the same FakeStoreAPI for user management.
Swift Basket relies on the following key technologies and libraries:
-
React: A JavaScript library for building user interfaces.
-
Redux: A predictable state container for managing application state.
-
Tailwind CSS: A utility-first CSS framework for quickly styling web applications.
-
FakeStoreAPI: A mock ecommerce API used to populate the website with product data and handle user authentication.
-
Other project-specific dependencies can be found in the
package.jsonfile.
These libraries and tools were chosen to provide a robust foundation for building a modern and responsive ecommerce website with a focus on user experience, maintainability, and secure user authentication.