A modern web application built with Vite, React, TypeScript, and Shadcn UI components. This project features a robust setup with various UI components, form handling, routing, and state management capabilities.
- ⚡️ Vite for fast development and building
- ⚛️ React 18 with TypeScript
- 🎨 Shadcn UI components with Tailwind CSS
- 📱 Responsive design
- 🔄 React Router for navigation
- 📊 Recharts for data visualization
- 📅 Date handling with date-fns
- 🎯 Form validation with React Hook Form and Zod
- 🌙 Dark mode support
- 🎨 Customizable theme
- 🛠️ ESLint and TypeScript for code quality
- Node.js (v18 or higher)
- npm or yarn or bun
- Clone the repository:
git clone [your-repository-url]
cd [your-project-name]- Install dependencies:
npm install
# or
yarn install
# or
bun installTo start the development server:
npm run dev
# or
yarn dev
# or
bun devThe application will be available at http://localhost:5173
To create a production build:
npm run build
# or
yarn build
# or
bun buildTo preview the production build:
npm run preview
# or
yarn preview
# or
bun previewsrc/
├── components/ # Reusable UI components
├── data/ # Data files and mock data
├── hooks/ # Custom React hooks
├── lib/ # Utility functions and configurations
├── pages/ # Page components
├── App.tsx # Main application component
├── main.tsx # Application entry point
└── index.css # Global styles
npm run dev- Start development servernpm run build- Build for productionnpm run build:dev- Build for developmentnpm run lint- Run ESLintnpm run preview- Preview production build
- React 18
- TypeScript
- Vite
- Tailwind CSS
- Shadcn UI components
- React Router
- React Hook Form
- Zod
- Recharts
- date-fns
- And many more UI components from Radix UI
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.