Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/marwan-mohamed12/comfy-sloth-store

Comfy Sloth store is a Furniture E-Commerce Website developed using React.js. The website offers various features including user authentication, browsing and filtering products, adding products to cart, and a seamless checkout process.
https://github.com/marwan-mohamed12/comfy-sloth-store

auth0-react context-api css html react react-router reacthooks reducers stripe-api styled-components

Last synced: 7 days ago
JSON representation

Comfy Sloth store is a Furniture E-Commerce Website developed using React.js. The website offers various features including user authentication, browsing and filtering products, adding products to cart, and a seamless checkout process.

Awesome Lists containing this project

README 

        
# Comfy Sloth Store



Comfy Sloth store is a Furniture E-Commerce Website developed using React.js. The website offers various features including user authentication, browsing and filtering products, adding products to cart, and a seamless checkout process.

- [Live Demo](https://react-store-marwan.netlify.app/)



## Table of Contents

1. [Getting Started](#getting-started)

2. [Features](#features)

3. [Technologies Used](#technologies-used)

4. [Contributing](#contributing)



## Getting Started

To get started with the Comfy Sloth store, follow these steps:

1. Clone the repository to your local machine.

2. Make sure you have Node.js installed on your system.

3. Open a terminal and navigate to the project directory.

4. Install the dependencies by running the command:

`npm install`

5. Once the installation is complete, start the development server by running:

``` npm run dev ```

6. Open your browser and visit http://localhost:5173 to access the website.



## Features

The Comfy Sloth Website offers the following features:

### User Authentication

- Sign up: Users can create a new account by providing their details like name, email, and password.

- Sign in: Existing users can sign in using their registered email and password.

### Browsing Products

- Home Page: The landing page displays featured products and offers quick access to different categories.

- Product Listing: Users can browse through a wide range of furniture products.

- Product Details: Detailed information about each product, including images, description, price, etc., is displayed on a dedicated product details page.

### Filtering Products

- Categories: Users can filter products based on different categories like brands, color, sofas, price.

- Price Range: Users can set a price range to filter products within their preferred budget.

- Other Filters: Additional filters like color, material, and availability can be applied to refine the product listing.

### Cart Management

- Add to Cart: Users can add products to their cart with the desired quantity.

- Edit Cart: Users can update the quantity or remove products from their cart.

- Cart Summary: The cart page displays a summary of all the selected products along with the total cost.

### Checkout Process

- Shipping Information: Users can provide their shipping details, including name, address, and contact information.

- Payment Options: Multiple payment options are available for users to choose from, such as credit card, debit card, and PayPal.



## Technologies Used

1. React.js

2. React Router

3. Context API

4. Reducers

5. HTML

6. CSS

7. Styled component

8. Auth0

9. Stripe



## Contributing

Contributions to the Comfy Sloth Website are welcome! If you find any bugs or have suggestions for improvement, please feel free to open an issue or submit a pull request.