State Level Cultural Festival organized by Kamaraj College of Engineering & Technology, Virudhunagar, Tamil Nadu.
NATYA '26 is a premium, visually stunning, responsive web portal built to showcase the state-level dance competition. It features a modern, futuristic neon-cyberpunk aesthetic, frosted glassmorphism elements, fluid animations, and complete competition details.
- Vibrant Cyberpunk Theme: Custom neon color palette featuring deep purple backgrounds, glowing pink gradients, and illuminated cyan accents.
- Frosted Glassmorphism: Cards and panels designed with semi-transparent backdrops (
backdrop-blur-md) and subtle borders to create depth. - Dynamic Micro-interactions: Smooth hover scale changes, active navigation glows, and interactive rule accordions.
- Animated Entrance Transitions: Framer Motion scroll-reveal animations that trigger fluidly as the user navigates down the page.
natya-26/
├── public/ # Static assets (logos, event flyers)
├── src/
│ ├── assets/ # Media assets (images, background patterns)
│ ├── components/ # Reusable UI widgets (buttons, cards, glowing containers)
│ ├── context/ # React context for global state (e.g. mobile navigation toggle)
│ ├── sections/ # Main landing page blocks:
│ │ ├── Hero.jsx # Landing hero featuring countdown timer & registrations
│ │ ├── DanceEvents.jsx # Grid of competition categories (Solo, Duo, Group, etc.)
│ │ ├── Rules.jsx # Interactive accordion for general and category rules
│ │ ├── Highlights.jsx # Event details (date, venue, guidelines, cash prizes)
│ │ ├── Flashback.jsx # Media gallery displaying previous years' events
│ │ ├── Coordinators.jsx# Staff & student coordinator contact listings
│ │ └── CTASection.jsx # Call-to-action banner for direct registrations
│ ├── utils/ # Helper functions (date formatters, classes mergers)
│ ├── App.jsx # Main Application root assembling all sections
│ ├── index.css # Tailwind custom base styles & neon glow keyframes
│ └── main.jsx # Entry point mounting App to DOM
├── eslint.config.js # ESLint code quality checks
├── index.html # Core HTML structure loading Inter & Outfit fonts
├── netlify.toml # Deployment configurations for Netlify redirection
├── postcss.config.js # PostCSS styling rules
├── tailwind.config.js # Tailwind configuration setting custom neon gradients
└── vite.config.js # Vite build config with path aliases
Follow these steps to set up and run the project locally on your machine:
- Node.js: Version 18.0.0 or higher is recommended.
- npm or yarn package manager.
git clone https://github.com/BGJ06/natya-26.git
cd natya-26npm installStart the Vite local dev server with Hot Module Replacement (HMR):
npm run devNavigate to http://localhost:5173 in your browser.
Compile optimized, minified production assets in the /dist directory:
npm run build- Framework: React 19 - Modern UI component rendering.
- Bundler: Vite 7 - Superfast development environment and bundler.
- Styling: TailwindCSS 3 - Utility-first layout styling.
- Animations: Framer Motion 12 - Declarative, smooth UI transitions.
- Icons: Lucide React - Sleek, modern SVG icons library.
- Dr. S. Senthil — Principal, Kamaraj College of Engineering & Technology
- Dr. S. Luna Eunice — Contact:
+91 9787331827
-
Ganesh —
+91 8608506014 -
Kamalesan —
+91 9626766686 -
Logesh —
+91 8778990303 -
Vigneshwaran —
+91 9345656565 -
Email: natya2k26@gmail.com
This platform was developed and is maintained by:
- Mithun Raj T (@BGJ06)
This repository is configured for the NATYA '26 State Level Cultural Festival. All rights are reserved by Kamaraj College of Engineering & Technology and the event development committee.