https://github.com/anwarhakim31/vshop-react
🛍️ virtual shop using react vite redux toolkit [finish] [deploy]
https://github.com/anwarhakim31/vshop-react
e-commerce-website javascript react-js redux-toolkit tailwindcss
Last synced: about 2 months ago
JSON representation
🛍️ virtual shop using react vite redux toolkit [finish] [deploy]
- Host: GitHub
- URL: https://github.com/anwarhakim31/vshop-react
- Owner: anwarhakim31
- Created: 2024-06-03T08:01:45.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-10T13:06:20.000Z (11 months ago)
- Last Synced: 2025-02-13T14:42:09.803Z (4 months ago)
- Topics: e-commerce-website, javascript, react-js, redux-toolkit, tailwindcss
- Language: JavaScript
- Homepage: https://vshop-react.vercel.app
- Size: 837 KB
- Stars: 0
- 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:
- `HAKIM` to get 50%
- `NEWUSER` to get 25%
- `VSHOP` to get 10%## 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/anwarhakim31/vshop-React.git
```2. Navigate to the project directory:
```bash
cd vshop-react
```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.