A modern, animated, and responsive website for Sri Varada Academy built with React, TanStack Router, Vite, and Tailwind CSS.
- Modern Design: Clean, professional design with smooth animations
- Responsive: Fully optimized for mobile, tablet, and desktop
- Performance Optimized: Fast load times with code splitting and lazy loading
- Smooth Animations: Parallax effects, scroll animations, and transitions
- Multiple Services: Dedicated pages for Robotics Lab, English Language Lab, and Medical Admissions
- Contact Forms: Functional contact forms with validation
- SEO Optimized: Meta tags and semantic HTML
- React 18 - UI library
- Vite - Build tool for fast development
- TanStack Router - Type-safe routing
- Tailwind CSS - Utility-first CSS framework
- Lucide React - Icon library
src/
├── components/ # Reusable UI components
├── routes/ # Route pages
├── hooks/ # Custom React hooks
├── utils/ # Utility functions
├── index.css # Global styles
└── main.jsx # Entry point
- Node.js 16+
- npm or yarn
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run previewThe project uses Vite for fast development with HMR (Hot Module Replacement). Edit any file in the src directory and see changes instantly.
npm run buildThis creates an optimized production build in the dist directory ready for deployment.
- Code splitting by route
- Lazy loading of images and components
- Optimized bundle size with tree-shaking
- CSS purging for unused styles
- Image optimization with lazy loading
- Service worker ready
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
© 2025 Sri Varada Academy. All rights reserved.
For inquiries, please visit the contact page or email info@srivarada.com