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.

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

Table of Contents

1. Getting Started
2. Features
3. Technologies Used
4. 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.