https://github.com/dvhcoding/clothing-store
https://github.com/dvhcoding/clothing-store
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/dvhcoding/clothing-store
- Owner: DVHcoding
- Created: 2024-03-04T13:12:17.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-05T19:02:32.000Z (over 2 years ago)
- Last Synced: 2025-05-08T17:55:37.929Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://learnlangs.online
- Size: 2.26 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React E-Commerce Project
This project is a React-based e-commerce application. It utilizes various libraries and dependencies to create a dynamic and responsive shopping experience. Below is an overview of the project structure and the key dependencies used.
## Dependencies
- **@emotion/react** and **@emotion/styled**: CSS-in-JS libraries for styling React components.
- **@material-ui/core** and **@material-ui/icons**: Material-UI library for UI components and icons.
- **@material-ui/data-grid**: Material-UI component for displaying tabular data.
- **@material-ui/lab**: Material-UI lab components for experimental components.
- **@mui/icons-material** and **@mui/material**: MUI library for additional Material Design icons and components.
- **@stripe/react-stripe-js** and **@stripe/stripe-js**: Stripe libraries for integrating Stripe payment functionality.
- **antd**: Ant Design library for UI components.
- **axios**: Promise-based HTTP client for making requests to the server.
- **chart.js** and **react-chartjs-2**: Chart.js library for creating charts and React wrapper for Chart.js.
- **cloudinary-react**: Cloudinary library for image and video management.
- **country-state-city**: Library for retrieving country, state, and city data.
- **overlay-navbar**: Library for creating overlay navigation bars.
- **react**: React library for building user interfaces.
- **react-alert** and **react-alert-template-basic**: React library for displaying alerts.
- **react-dom**: React library for DOM rendering.
- **react-helmet**: Library for managing document head metadata.
- **react-icons**: Library for popular icons as React components.
- **react-js-pagination**: Library for implementing pagination in React.
- **react-redux**: Redux library for managing application state.
- **react-router-dom**: Library for declarative routing in React applications.
- **react-scripts**: Scripts for running, building, and testing React applications.
- **redux**: Library for managing application state.
- **redux-devtools-extension**: Redux DevTools Extension for debugging Redux applications.
- **redux-thunk**: Middleware for Redux to handle asynchronous logic.
- **swiper**: Swiper library for creating mobile touch slider.
- **web-vitals**: Library for measuring and reporting real user website performance.
- **webfontloader**: Library for loading web fonts asynchronously.
## Getting Started
To get a local copy up and running follow these simple steps:
1. **Clone the repository**:
```sh
git clone https://github.com/DVHcoding/clothing-store.git
```
2. **Navigate into the directory**
```sh
cd frontend
```
3. **Install dependencies**:
```sh
npm install
```
4. **Start the development server**::
```sh
npm start
```
5. **Open your browser** and go to `http://localhost:3000` to view the application.
## Scripts
- `start`: Runs the development server.
- `build`: Builds the app for production.
- `test`: Runs tests.
- `eject`: Copies the configuration files and dependencies into the project for customization.
## ESLint Configuration
The project uses ESLint with the following configurations:
- Extends `react-app` and `react-app/jest` configurations.
## Browserslist
Defines the target browsers for compatibility in development and production environments.
## Proxy
Proxy setup for development environment, directing requests to the specified URL.
----------
Feel free to customize and extend this project for your e-commerce needs! If you have any questions or need further assistance, please don't hesitate to reach out. Happy coding! 🚀