Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/roziqinkhoeru/vshop-spa
🛍️ virtual shop using react vite redux toolkit [finish]
https://github.com/roziqinkhoeru/vshop-spa
challenge ecommerce-website javascript reactjs redux-toolkit tailwindcss
Last synced: about 1 month ago
JSON representation
🛍️ virtual shop using react vite redux toolkit [finish]
- Host: GitHub
- URL: https://github.com/roziqinkhoeru/vshop-spa
- Owner: roziqinkhoeru
- Created: 2023-12-11T05:43:53.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-25T06:02:40.000Z (12 months ago)
- Last Synced: 2024-01-25T08:42:22.488Z (12 months ago)
- Topics: challenge, ecommerce-website, javascript, reactjs, redux-toolkit, tailwindcss
- Language: JavaScript
- Homepage: https://vshop-spa.vercel.app
- Size: 565 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# VShop: React Vite Redux Toolkit Project
This project is a boilerplate for a React application using Vite as the build tool, Redux Toolkit for state management, and API key stored in a .env file for secure configuration.
## Let's Try
Open the vshop website, before buying goods apply the following promo code:
- `DEAFRIZAL` to get 50%
- `KHROZ7` to get 20%
- `NEWYEAR` to get 75%
- `RTKPRO` to get 15%
- `BIGSALE` to get 30%
## Prerequisites
Before you begin, ensure you have the following installed on your machine:
- Node.js: [Download and install Node.js](https://nodejs.org/)
- npm: Node.js package manager (comes with Node.js installation)
## Getting Started
1. Clone the repository:
```bash
git clone https://github.com/roziqinkhoeru/vshop-spa.git
```
2. Navigate to the project directory:
```bash
cd vshop-spa
```
3. Install dependencies
```bash
npm install
```
## Setup Environment
1. Create a .env file in the root of your project.
```env
VITE_NODE_ENV=development
VITE_ENCRYPTION_KEY=your_secret_key
VITE_API_KEY=https://fakestoreapi.com/products
```
## Development
1. To start the development server, run:
```bash
npm run dev
```
## Deployment
Deploy the `dist` directory to your hosting platform of choice.
## Contributing
Feel free to contribute by opening issues and pull requests.
## License
This project is licensed under the MIT License.
Copy and paste this content into a file named `README.md` in the root of your project. Adjust any placeholders to match your project's information.