An open API service indexing awesome lists of open source software.

https://github.com/piyusharmap/swift-basket

Swift Basket: An Ecommerce Website
https://github.com/piyusharmap/swift-basket

ecommerce-website react redux tailwindcss

Last synced: 3 months ago
JSON representation

Swift Basket: An Ecommerce Website

Awesome Lists containing this project

README

        

# 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](#demo)
- [Features](#features)
- [User Authentication](#user-authentication)
- [Dependencies](#dependencies)

---

## Demo

You can check out the live demo of Swift Basket [here](https://swift-basket.netlify.app/).

---

## 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](https://fakestoreapi.com/).

- **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](https://fakestoreapi.com/docs) 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](https://fakestoreapi.com/docs)

- [FakeStoreAPI GitHub Repository](https://github.com/jaewonhimnae/fake-store-api)

- 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.