Skip to content

pushkar462/final-project

Repository files navigation

Vite React TypeScript Project with Shadcn UI

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.

🚀 Features

  • ⚡️ 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

📦 Prerequisites

  • Node.js (v18 or higher)
  • npm or yarn or bun

🛠️ Installation

  1. Clone the repository:
git clone [your-repository-url]
cd [your-project-name]
  1. Install dependencies:
npm install
# or
yarn install
# or
bun install

🚀 Development

To start the development server:

npm run dev
# or
yarn dev
# or
bun dev

The application will be available at http://localhost:5173

📦 Building for Production

To create a production build:

npm run build
# or
yarn build
# or
bun build

To preview the production build:

npm run preview
# or
yarn preview
# or
bun preview

🧩 Project Structure

src/
├── 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

🛠️ Available Scripts

  • npm run dev - Start development server
  • npm run build - Build for production
  • npm run build:dev - Build for development
  • npm run lint - Run ESLint
  • npm run preview - Preview production build

📚 Dependencies

  • 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

🤝 Contributing

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

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages