piyusharmap / swift-basket

Swift Basket: An Ecommerce Website

Swift Basket - Frontend Ecommerce Website

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.

Table of Contents

• Demo
• Features
• User Authentication
• Dependencies

---

Demo

You can check out the live demo of Swift Basket here.

---

Features

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.

---

User Authentication

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.

---

Dependencies

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.

  • FakeStoreAPI Documentation

  • FakeStoreAPI GitHub Repository

• Other project-specific dependencies can be found in the package.json file.

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.