# {{appName}} Web App

A modern React web application built with Vite{{#if includeRouter}}, React Router{{/if}}{{#if includeTailwind}}, and Tailwind CSS{{/if}}.

## Getting Started

### Prerequisites

- Node.js (version 18 or higher)
- pnpm

### Installation

Install dependencies:

```bash
pnpm install
```

### Development

Start the development server:

```bash
pnpm dev
```

Open [http://localhost:5173](http://localhost:5173) to view it in the browser.

### Building

Build the app for production:

```bash
pnpm build
```

### Preview

Preview the production build:

```bash
pnpm preview
```

## Project Structure

```
{{appName}}/
├── public/          # Static assets
├── src/             # Source code
│   ├── main.tsx     # Application entry point
│   ├── App.tsx      # Root component
│   ├── App.css      # Component styles
│   └── index.css    # Global styles
├── index.html       # HTML entry point
├── vite.config.ts   # Vite configuration
{{#if includeRouter}}
├── routes.tsx       # Route configuration
{{/if}}
{{#if includeTailwind}}
├── tailwind.config.js  # Tailwind configuration
├── postcss.config.js   # PostCSS configuration
{{/if}}
├── tsconfig.json    # TypeScript configuration
└── package.json     # Dependencies and scripts
```

## Features

{{#if includeRouter}}
- ⚡ Client-side routing with React Router
{{/if}}
{{#if includeTailwind}}
- 🎨 Utility-first CSS with Tailwind CSS
{{/if}}
- 🔥 Fast development and hot module replacement with Vite
- 📦 TypeScript for type safety
- 🖨 ESLint for code quality

## Scripts

- `pnpm dev` - Start development server
- `pnpm build` - Build for production
- `pnpm preview` - Preview production build
- `pnpm lint` - Run ESLint
- `pnpm type-check` - Run TypeScript type checking

## Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

## License

This project is licensed under the MIT License.