https://github.com/hasibcoderlab/react-project-01
https://github.com/hasibcoderlab/react-project-01
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/hasibcoderlab/react-project-01
- Owner: HasibCoderLab
- Created: 2025-10-24T05:22:09.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-10-24T06:42:52.000Z (4 months ago)
- Last Synced: 2025-10-24T07:26:34.109Z (4 months ago)
- Language: JavaScript
- Homepage: https://react-project-01-nine.vercel.app
- Size: 32.2 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React-Project-01
---
# Project Setup
## 1️⃣ Create the project
```bash
npm create vite@latest React-Project-01
```
## 2️⃣ Move into the project folder
```bash
cd React-Project-01
```
## 3️⃣ Install dependencies
```bash
npm install
```
## 4️⃣ Install Tailwind CSS and Vite plugin
```bash
npm install tailwindcss @tailwindcss/vite
```
## ⚙️ Configure Vite
Edit your vite.config.js file:
```js
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
plugins: [tailwindcss(), react()],
})
```
## 🎨 Configure Tailwind
In your index.css, import Tailwind:
```css
@import "tailwindcss";
```
## 🖥️ Run the Project
Start the development server:
```bash
npm run dev
```
---
# 💡 Technologies Used
⚛️**React**
⚡ **Vite**
🎨 **Tailwind CSS**
🧩 **Practice-Project**