Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: about 2 months 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.
- Host: GitHub
- URL: https://github.com/marwan-mohamed12/comfy-sloth-store
- Owner: marwan-mohamed12
- Created: 2023-04-09T13:08:55.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-20T14:21:23.000Z (8 months ago)
- Last Synced: 2024-04-20T15:56:09.681Z (8 months ago)
- Topics: auth0-react, context-api, css, html, react, react-router, reacthooks, reducers, stripe-api, styled-components
- Language: JavaScript
- Homepage: https://react-store-marwan.netlify.app/
- Size: 523 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.