Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kubatbekkk/react-comfy-store
Made this a modern e-commerce platform showcasing styled-components, React, useContext, axios, useReducer, and Stripe for payment processing. It provides a scalable and visually appealing UI, efficient state management, and seamless payment integration with Stripe.
https://github.com/kubatbekkk/react-comfy-store
ecommerce javascript react reactjs styled-components
Last synced: 6 days ago
JSON representation
Made this a modern e-commerce platform showcasing styled-components, React, useContext, axios, useReducer, and Stripe for payment processing. It provides a scalable and visually appealing UI, efficient state management, and seamless payment integration with Stripe.
- Host: GitHub
- URL: https://github.com/kubatbekkk/react-comfy-store
- Owner: Kubatbekkk
- Created: 2022-07-12T10:55:27.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-21T17:43:05.000Z (over 1 year ago)
- Last Synced: 2023-03-07T03:36:28.011Z (over 1 year ago)
- Topics: ecommerce, javascript, react, reactjs, styled-components
- Language: JavaScript
- Homepage: https://thecomfystore.netlify.app/
- Size: 746 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## React Online Store
[Made with React](https://beta.reactjs.org/) |
[Deployment on Netlify](https://thecomfystore.netlify.app/)
This is an educational project for building an online store using React.\
The project includes features such as browsing products, adding items to cart, and checkout.
#### Getting Started
To get started with the project, follow these steps:
Clone the repository: `git clone https://github.com/Kubatbekkk/react-comfy-store.git`\
Install dependencies: `npm install`\
Start the development server: `npm start`\
The application will run at `http://localhost:3000`.
#### Features
The online store includes the following features:
Browse products: Users can view all available products and filter them by category.\
Product detail page: Users can view details about a specific product, including its price, description, and reviews.\
Add to cart: Users can add items to their cart and see the total cost of their order.\
Checkout: Users can enter their shipping and payment information to complete their order.
#### Technology
The project uses the following technologies:
- [React](https://beta.reactjs.org/): A JavaScript library for building user interfaces
- [Styled Components](https://styled-components.com/): A library for styling React components with CSS-in-JS
- [React Context](https://reactjs.org/docs/context.html): A mechanism for sharing state between components without having to pass props down the component tree
- [React Reducer](https://beta.reactjs.org/reference/react/useReducer): A hook for managing state in a React application
- [Stripe API](https://stripe.com/docs/api): A payment processing API for online businesses
- [React Icons](https://react-icons.github.io/react-icons/): A library of icons for React
#### Contributing
Contributions to the project are welcome! If you'd like to contribute, please follow these steps:
Fork the repository.
Create a new branch for your feature: git checkout -b feature-name
Make your changes and commit them: git commit -m "Add feature"
Push your changes to your fork: git push origin feature-name
Create a pull request to merge your changes into the main branch.