Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shubham-chhimpa-here/logoipsum-ecomm
This is a Ecommerce website.
https://github.com/shubham-chhimpa-here/logoipsum-ecomm
charka-ui reactjs
Last synced: about 2 months ago
JSON representation
This is a Ecommerce website.
- Host: GitHub
- URL: https://github.com/shubham-chhimpa-here/logoipsum-ecomm
- Owner: shubham-chhimpa-here
- Created: 2023-12-02T14:46:16.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-04-22T12:26:36.000Z (9 months ago)
- Last Synced: 2024-04-22T13:44:36.952Z (9 months ago)
- Topics: charka-ui, reactjs
- Language: JavaScript
- Homepage: https://logoipsum-ecomm.netlify.app/
- Size: 2.09 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# E-commerce Website
## Overview
Welcome to our Frontend E-commerce Website project! This repository contains the frontend codebase for a modern, user-friendly online shopping experience. Built with ReactJS and Chakra UI, our goal is to provide a seamless interface for customers to browse products, add them to their cart, and proceed to checkout.
## Features
- **ReactJS**: Utilizing the power of ReactJS for building dynamic and interactive user interfaces.
- **Chakra UI**: Leveraging Chakra UI for a consistent and customizable design system, ensuring a visually appealing and accessible user experience.
- **Add to Cart Functionality**: Implementing the ability for users to add products to their shopping cart, facilitating a smooth shopping journey.
- **Responsive Design**: Ensuring that our website is fully responsive, providing an optimal viewing experience across devices of all sizes.
## Installation
To run the project locally, follow these steps:
1. Clone this repository to your local machine.
2. Navigate to the project directory.
3. Run `npm install` to install dependencies.
4. Run `npm start` to start the development server.
5. Open your browser and navigate to `http://localhost:3000` to view the website.
## Usage
- Browse through the catalog of products.
- Click on a product to view more details.
- Use the "Add to Cart" button to add products to your shopping cart.
- Navigate to the cart page to review your selected items.
- Proceed to checkout to complete your purchase.
## Directory Structure
```
ecommerce/
│
├── public/
│ ├── index.html
│ └── ...
│
├── src/
│ ├── components/
│ │ ├── ProductCard.js
│ │ ├── Cart.js
│ │ └── ...
│ ├── pages/
│ │ ├── Home.js
│ │ ├── ProductDetails.js
│ │ └── ...
│ ├── App.js
│ └── ...
│
├── package.json
└── ...
```
## Contributing
We welcome contributions from the community! If you'd like to contribute to the project, please fork the repository and submit a pull request with your proposed changes.
## Authors
- [Shubham Chhimpa](https://github.com/shubham-chhimpa-here)
## Support
If you encounter any issues or have any questions about the project, feel free to open an issue on GitHub.