https://github.com/razzbabu4/product-details-page
A responsive Product Details Landing Page built with React and styled using Tailwind CSS. It integrates a third-party API to fetch and display dynamic product information in real-time.
https://github.com/razzbabu4/product-details-page
axios-react daisyui-react environment-variables reactjs tailwindcss
Last synced: 21 days ago
JSON representation
A responsive Product Details Landing Page built with React and styled using Tailwind CSS. It integrates a third-party API to fetch and display dynamic product information in real-time.
- Host: GitHub
- URL: https://github.com/razzbabu4/product-details-page
- Owner: razzbabu4
- Created: 2024-11-01T14:35:28.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-11-26T18:21:16.000Z (5 months ago)
- Last Synced: 2025-02-13T23:18:35.410Z (2 months ago)
- Topics: axios-react, daisyui-react, environment-variables, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://product-detailspage-demo.netlify.app
- Size: 2.32 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Product Details Page
## Run the Project Locally
1. **Clone the Repository**:
```sh
git clone https://github.com/razzbabu4/product-details-page.git
cd product-details-page
```
2. **Install Dependencies**:
```sh
npm install
```
3. **Set Up Environment Variables**:
Create a `.env` file in the root directory and add the necessary environment variables. (**Important!**)
5. **Run the Application**:
```sh
npm run dev -- --host
```
6. **Access the Site**:
Open your browser and go to `http://localhost:5173/` or `http://192.168.1.12:5173/` from other devices on the same network to view the application.