React + Vite + shadcn/ui Template

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. It comes pre-configured with shadcn/ui components and includes a basic navbar setup.

Features

⚡️ Vite for fast development and building
⚛️ React 18
🎨 shadcn/ui for beautiful, customizable UI components
🧭 Pre-configured navbar component
🔧 ESLint configured for code quality

Getting Started

Prerequisites

Node.js (version 14 or above)
npm or yarn

Installation

Clone this repository:

https://github.com/Ryomensukuna2003/Shadcn-Template.git
cd Shadcn-Template

Install dependencies:
```
npm install
# or
yarn
```
Start the development server:
```
npm run dev
# or
yarn dev
```
Open your browser and visit http://localhost:5173 to see your app running.

Project Structure

react-vite-shadcn-template/
├── public/
├── src/
│   ├── components/
│   │   ├── ui/
│   │   └── Navbar.tsx
│   ├── App.tsx
│   └── main.tsx
├── .eslintrc.json
├── index.html
├── package.json
├── tsconfig.json
└── vite.config.ts

Customizing shadcn/ui

This template uses shadcn/ui components. To customize the theme or add more components:

Modify the global CSS file in src/index.css.
Use the shadcn/ui CLI to add more components:
```
npx shadcn-ui add [component-name]
```

Adding Pages and Routing

This template doesn't include a router by default. To add routing:

Install your preferred routing library (e.g., React Router).
Set up your routes in App.tsx.
Create new page components in the src/pages/ directory.