Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nixrajput/ecommerce-web-reactjs
This repository contains the source code for a E-commerce website built using React.js, CSS, and Redux.
https://github.com/nixrajput/ecommerce-web-reactjs
css ecommerce ecommerce-application ecommerce-store ecommerce-website mongodb mongoose nixlab nixrajput nixrajput-github react react-ecommerce reactjs redux redux-middleware redux-toolkit stripe stripe-payment vercel vercel-deployment
Last synced: 3 months ago
JSON representation
This repository contains the source code for a E-commerce website built using React.js, CSS, and Redux.
- Host: GitHub
- URL: https://github.com/nixrajput/ecommerce-web-reactjs
- Owner: nixrajput
- License: mit
- Created: 2022-12-30T00:16:22.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-06-15T10:39:52.000Z (8 months ago)
- Last Synced: 2024-06-15T22:48:13.383Z (8 months ago)
- Topics: css, ecommerce, ecommerce-application, ecommerce-store, ecommerce-website, mongodb, mongoose, nixlab, nixrajput, nixrajput-github, react, react-ecommerce, reactjs, redux, redux-middleware, redux-toolkit, stripe, stripe-payment, vercel, vercel-deployment
- Language: JavaScript
- Homepage: https://nixlab-shop.vercel.app
- Size: 1.36 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# E-commerce Website with React.js, CSS, and Redux
This repository contains the source code for a E-commerce website built using React.js, CSS, and Redux. This README.md file provides an overview of the project and instructions on how to set it up and customize it for your own use.
[![Stars](https://img.shields.io/github/stars/nixrajput/ecommerce-web-reactjs?label=Stars&style=flat)][repo]
[![Forks](https://img.shields.io/github/forks/nixrajput/ecommerce-web-reactjs?label=Forks&style=flat)][repo]
[![Watchers](https://img.shields.io/github/watchers/nixrajput/ecommerce-web-reactjs?label=Watchers&style=flat)][repo]
[![Contributors](https://img.shields.io/github/contributors/nixrajput/ecommerce-web-reactjs?label=Contributors&style=flat)][repo][![GitHub last commit](https://img.shields.io/github/last-commit/nixrajput/ecommerce-web-reactjs?label=Last+Commit&style=flat)][repo]
[![GitHub issues](https://img.shields.io/github/issues/nixrajput/ecommerce-web-reactjs?label=Issues&style=flat)][issues]
[![GitHub pull requests](https://img.shields.io/github/issues-pr/nixrajput/ecommerce-web-reactjs?label=Pull+Requests&style=flat)][pulls]
[![GitHub Licence](https://img.shields.io/github/license/nixrajput/ecommerce-web-reactjs?label=Licence&style=flat)][license]## Table of Contents
- [E-commerce Website with React.js, CSS, and Redux](#e-commerce-website-with-reactjs-css-and-redux)
- [Table of Contents](#table-of-contents)
- [Features](#features)
- [Sceenshots](#sceenshots)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Configuration](#configuration)
- [Usage](#usage)
- [Deployment](#deployment)
- [Contributing](#contributing)
- [License](#license)
- [Sponsor Me](#sponsor-me)
- [Connect With Me](#connect-with-me)## Features
- **Product Listing:** Display a list of products with pagination.
- **Product Details:** View detailed information about a specific product.
- **Shopping Cart:** Add products to the cart and manage quantities.
- **User Authentication:** Register, login, and manage user accounts.
- **Order Management:** Place orders and view order history.
- **State Management:** Use Redux for state management.
- **Responsive Design:** Mobile-friendly and responsive user interface.## Sceenshots
![Screenshot 1](/screenshots/ecomm-1.png)
![Screenshot 2](/screenshots/ecomm-4.png)
![Screenshot 2](/screenshots/ecomm-2.png)
![Screenshot 2](/screenshots/ecomm-3.png)## Getting Started
Follow these instructions to get the project up and running on your local machine.
### Prerequisites
You need to have the following software installed on your computer:
- [Node.js](https://nodejs.org/) (LTS version recommended)
- [npm](https://www.npmjs.com/), [pnpm](https://pnpm.io/) or [Yarn](https://yarnpkg.com/) package manager### Installation
1. Star the repository.
2. Clone this repository to your local machine using the following command:
```bash
git clone https://github.com/nixrajput/ecommerce-web-reactjs.git
```3. Navigate to the project directory:
```bash
cd ecommerce-web-reactjs
```4. Install the project dependencies:
If you're using npm:
```bash
npm install
```If you're using pnpm:
```bash
pnpm install
```If you're using Yarn:
```bash
yarn install
```## Configuration
Create a `.env.local` file in the root directory and add the necessary environment variables. You can refer to the `.env.example` file for the required variables.
## Usage
To start the development server and view the website locally, run the following command:
```bash
npm run start
#or
pnpm run start
# or
yarn start
```This will start the Next.js development server, and you can access the website in your web browser at `http://localhost:3000`.
## Deployment
To deploy the portfolio website to a hosting service of your choice, follow the deployment instructions for Next.js applications. Some popular hosting options include Vercel, Netlify, and GitHub Pages.
Remember to configure environment variables for sensitive information like email credentials if needed.
## Contributing
If you would like to contribute to this project, feel free to fork the repository, make your changes, and submit a pull request. Please follow the guidelines in the [CONTRIBUTING.md](CONTRIBUTING.md) file.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Sponsor Me
- By sponsoring my efforts, you're not merely contributing to the development of my projects; you're investing in its growth and sustainability.
- Your support empowers me to dedicate more time and resources to improving the project's features, addressing issues, and ensuring its continued relevance in the rapidly evolving landscape of technology.
- Your sponsorship directly fuels innovation, fosters a vibrant community, and helps maintain the project's high standards of quality. Together, we can shape the future of the projects and make a lasting impact in the open-source community.
- Thank you for considering sponsoring my work![![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86)](https://github.com/sponsors/nixrajput)
## Connect With Me
[![GitHub: nixrajput](https://img.shields.io/badge/nixrajput-EFF7F6?logo=GitHub&logoColor=333&link=https://www.github.com/nixrajput)][github]
[![Linkedin: nixrajput](https://img.shields.io/badge/nixrajput-EFF7F6?logo=LinkedIn&logoColor=blue&link=https://www.linkedin.com/in/nixrajput)][linkedin]
[![Instagram: nixrajput](https://img.shields.io/badge/nixrajput-EFF7F6?logo=Instagram&link=https://www.instagram.com/nixrajput)][instagram]
[![Twitter: nixrajput07](https://img.shields.io/badge/nixrajput-EFF7F6?logo=X&logoColor=333&link=https://x.com/nixrajput)][twitter]
[![Telegram: nixrajput](https://img.shields.io/badge/nixrajput-EFF7F6?logo=Telegram&link=https://telegram.me/nixrajput)][telegram]
[![Gmail: [email protected]](https://img.shields.io/badge/[email protected]?logo=Gmail&link=mailto:[email protected])][gmail][github]: https://github.com/nixrajput
[twitter]: https://twitter.com/nixrajput07
[instagram]: https://instagram.com/nixrajput
[linkedin]: https://linkedin.com/in/nixrajput
[telegram]: https://telegram.me/nixrajput
[gmail]: mailto:[email protected][repo]: https://github.com/nixrajput/ecommerce-web-reactjs
[issues]: https://github.com/nixrajput/ecommerce-web-reactjs/issues
[pulls]: https://github.com/nixrajput/ecommerce-web-reactjs/pulls
[license]: https://github.com/nixrajput/ecommerce-web-reactjs/blob/master/LICENSE.md