Welcome to your Smart Bin Project

A clean, modern React template with TypeScript, Vite, TailwindCSS, and ShadCN UI components. This template provides a solid foundation for building web applications with best practices in mind.

Tech Features

• ⚡️ Vite - Lightning fast build tool
• 🔥 React 18 - Latest React features
• 🧩 TypeScript - Type safety for better developer experience
• 🎨 TailwindCSS - Utility-first CSS framework
• 🧰 ShadCN UI - Accessible and customizable UI components
• 📱 Responsive Design - Mobile-first approach
• 🧭 React Router - Easy client-side routing
• 🔄 React Query - Data fetching and state management
• 🧪 Form Handling - React Hook Form with Zod validation

Getting Started

Prerequisites

• Node.js 18+
• npm or yarn or pnpm

Installation

1. Clone this repository:

git clone 

2. Install dependencies:

npm install
# or
yarn
# or
pnpm install

3. Start the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

4. Open your browser and visit http://localhost:3000

Project Structure

react-template-project/
├── public/              # Static assets
│   ├── components/      # Reusable components
│   │   └── ui/          # UI components from ShadCN
│   ├── hooks/           # Custom React hooks
│   ├── lib/             # Utility functions and libraries
│   ├── pages/           # Page components
│   ├── App.tsx          # Main application component
│   ├── index.css        # Global styles
│   └── main.tsx         # Application entry point
├── .gitignore
├── package.json         # Project dependencies and scripts
├── tailwind.config.ts   # TailwindCSS configuration
├── tsconfig.json        # TypeScript configuration
└── vite.config.ts       # Vite configuration

Customization

• Styling: Modify tailwind.config.ts to customize your design tokens
• Components: Add or modify components in the src/components directory
• Pages: Create new pages in the src/pages directory
• Routing: Update routes in src/App.tsx

Building for Production

npm run build
# or
yarn build
# or
pnpm build