https://github.com/hasibcoderlab/react-project-02
https://github.com/hasibcoderlab/react-project-02
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/hasibcoderlab/react-project-02
- Owner: HasibCoderLab
- Created: 2025-10-24T12:53:45.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-10-24T15:26:26.000Z (4 months ago)
- Last Synced: 2025-10-24T15:31:46.827Z (4 months ago)
- Language: JavaScript
- Homepage: https://react-project-02.vercel.app
- Size: 40 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React-Project-02
---
# Project Setup
## 1️⃣ Create the project
```bash
npm create vite@latest React-Project-02
```
## 2️⃣ Move into the project folder
```bash
cd React-Project-02
```
## 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";
```
---
# 🌐 React Router Setup
## 1️⃣ Install React Router DOM
```bash
npm install react-router-dom
```
---
## 🖥️ Run the Project
Start the development server:
```bash
npm run dev
```
---
# 💡 Technologies Used
⚛️ **React**
⚡ **Vite**
🎨 **Tailwind CSS**
🧭 **React Router DOM (v7.9.4)**
🧩 **useState**
🧩 **Function**
🧩 **Condition**