The Intra-Departmental Ideathon organized by the Industrial Management Science Students' Association of the University of Kelaniya.
Collaborate, explore real-world challenges, and develop innovative technology-driven solutions.
ideasprint 2026 marks the opening stage of hackX 11.0. The competition gives undergraduates of the Department of Industrial Management a platform to collaborate, explore real-world challenges, and develop innovative technology-driven solutions.
Through a structured journey of awareness programs and mentorship, participants develop entrepreneurial thinking, problem-solving abilities, and pitching skills.
This repository contains the premium, high-performance frontend landing page built for the event. It leverages cutting-edge web technologies, real-time 3D rendering, and hyper-fluid animations to deliver a cinematic user experience.
- Cinematic Intro: A custom-built, immersive introduction sequence that sets the stage for innovation.
- Interactive Backgrounds:
- Dynamic DotGrid: Responsive grid system with proximity-based shock, resistance, and return physics.
- Liquid Gradients: Smooth, animated background flows that evolve dynamically.
- Particles: High-performance fluid particle system integrated with user interactions.
- 3D Visuals:
- Animated Statue: A custom Three.js implementation of a floating 3D statue with custom-shaded ground mist.
- Subtle Glassmorphism: Premium deep-space frosted glass UI elements.
- Dynamic Event Timeline: An interactive timeline tracking milestones from registration to the grand finale.
- Phase Engine: Configurable event phases (Registration, Mentorship, Submissions) controlled centrally in
eventDates.jsto automatically toggle CTA buttons across the app. - Micro-animations: Smooth layout transitions, reveal effects, and hover states powered by GSAP and Framer Motion.
- Three.js (Core WebGL)
- React Three Fiber (React renderer for ThreeJS)
- OGL (Minimal WebGL library)
You need to have Node and pnpm installed on your machine.
-
Clone the repository:
git clone https://github.com/sasivarnasarma/ideasprint.git cd ideasprint -
Install dependencies:
pnpm install
-
Start the development server:
pnpm dev
You can now view the project locally at http://localhost:5173/.
A complete, production-ready Docker setup is included for this project. It uses a multi-stage build (Node for building, Nginx for serving) to ensure a lightweight and secure final image.
To start the application using Docker Compose, run:
docker-compose up -d --buildThe application will be accessible at http://localhost:8080/.
In the project directory, you can run:
| Command | Description |
|---|---|
pnpm dev |
Starts the Vite development server with hot-module replacement |
pnpm build |
Compiles and optimizes the project for production deployment |
pnpm preview |
Locally previews the optimized production build |
pnpm lint |
Runs ESLint to identify code quality and style issues |
pnpm lint-fix |
Runs ESLint and automatically suppresses/fixes resolvable issues |
pnpm format |
Runs Prettier to forcefully format all code |
ideasprint/
├── public/ # Static graphical assets (images, fonts, favicons)
├── src/ # Source code
│ ├── assets/ # Internal project assets optimized by Vite
│ ├── components/ # Modular React components (Hero, StatueCanvas, etc.)
│ ├── constants/ # Environment/Data constants (eventDates, phase configs)
│ ├── styles/ # Modular CSS methodology and global tokens
│ ├── App.jsx # Main container and routing equivalent
│ └── main.jsx # React root and strict mode wrapper
├── .github/workflows/ # CI/CD pipelines (Cloudflare Deployments)
├── eslint.config.js # Project linting rules
├── index.html # HTML entrypoint
└── vite.config.js # Vite build and chunk configurations
This project's source code is licensed under the MIT License. See the LICENSE file for details.
Warning
Asset Copyright All imagery, graphics, and logos (including the ideasprint and hackX branding) included in this repository are strictly copyrighted. They may not be used, copied, distributed, or modified without explicit written permission from the Industrial Management Science Students' Association.