HackOcean - A National Level Frontend Hackathon

HackOcean - National-Level Frontend Hackathon HackOcean is a National-Level Online Frontend Hackathon organized by the Digital Learning Group (DLG) in collaboration with Madhav Institute of Technology & Science (MITS), Gwalior. HackOcean is designed to challenge participants through multiple evaluation stages that assess problem-solving ability, product thinking, UI/UX design, presentation skills, and frontend development expertise. Participants are encouraged to leverage AI-powered development tools responsibly to build innovative, high-quality solutions. About MITS-DU Established in 1957, Madhav Institute of Technology & Science (Deemed University), Gwalior is one of India's premier engineering institutions, recognized for excellence in technical education, innovation, and research. About Digital Learning Group (DLG) Digital Learning Group is the official technical club of MITS, dedicated to fostering innovation and hands-on skill development. Through events like HackOrbit and HackOcean, we aim to equip students with practical experience, collaborative problem-solving, and exposure to cutting-edge technologies. The club is guided by Dr. Punit Kumar Johari, whose mentorship and guidance play a key role in nurturing technical excellence. Competition Format Round 1 - Ignition (PPT Submission Round) The first round is designed to evaluate your problem understanding, solution approach, creativity, UI planning, and presentation skills. Participants are required to submit only a presentation (PPT). Instructions Download the Official PPT Template provided below. Prepare your solution only using the provided template. Submit the completed PPT before the deadline. Mention your Team Name clearly on the first slide. AI tools are allowed for research and design assistance. Official PPT Template Download the Official HackOcean PPT Template:https://drive.google.com/drive/folders/1F_U3dJ66GNIP3z7AILoMwg-DeWnyFaBP  Join Our Official WhatsApp Community Stay updated with important announcements, event reminders, Mission Packs, FAQs, shortlisted teams, and all HackOcean updates. Join Here:https://chat.whatsapp.com/EnMtdVGmw6JIBbaWccxfPX All important announcements regarding HackOcean will be shared only through the official WhatsApp Community. Evaluation Criteria (Round 1) – 50 Marks Criteria Marks Problem Understanding 12 Solution Approach & Innovation 12 UI/UX Wireframe & Planning 10 Presentation Quality 10 Creativity & Feasibility 6 IMPORTANT Only the TOP 50 Teams will be shortlisted for Round 2 (Grand Finale). The shortlisted teams will be announced after the evaluation of all PPT submissions. Round 2 – Deep Ocean (Grand Finale) Shortlisted teams will receive three frontend problem statements. Each team must choose ANY ONE problem statement and build a complete frontend solution within 12 Hours. Dummy data and AI-assisted development are permitted. Choose ANY ONE Problem Statement PS 01 – ABYSS | Deep Sea Exploration Co. ABYSS is a fictional deep-sea exploration company that offers premium submarine adventures to discover the hidden wonders of the ocean. Your challenge is to design and develop a modern, responsive landing page that highlights the company's services, attracts visitors, and delivers a smooth user experience using modern frontend development practices. PS 02 – REEF | Ocean Conservation Platform REEF is a fictional environmental organization working to protect coral reefs and marine ecosystems. Build a clean and engaging landing page that encourages users to learn about the mission, participate as volunteers, and support ocean conservation through an intuitive frontend experience. PS03 – DeepSea Guardian | AI-powered Deep Ocean Pollution & Biodiversity Monitoring Develop an intelligent platform that continuously monitors deep-sea ecosystems using underwater drones, sonar, satellite imagery, and IoT sensors to detect illegal dumping, plastic accumulation, ghost fishing nets, coral bleaching, and endangered marine species while generating predictive environmental risk maps. General Requirements Responsive Multi-Page Frontend SEO Optimized Mobile Friendly Fast Performance Clean UI/UX Deploy on Vercel / Netlify / GitHub Pages Submit: GitHub Repository Live Deployed URL Evaluation Criteria (Round 2) – 50 Marks Criteria Marks Problem Solving 12 Performance & Core Web Vitals 10 UI/UX & Responsiveness 10 SEO & Accessibility 6 Visual Design & Creativity 8 Innovation 4 Rules Team Size: 1–4 Members AI Tools are Fully Allowed Code must be written during hackathon hours. Existing website copying will result in immediate disqualification. Team changes are not allowed after registration. Live deployed website submission is mandatory. Judges' decision will be final. Registration To ensure committed participation and a competitive experience, registration is open with a nominal fee. Solo – ₹49 Duo (2 Members) – ₹89 Trio (3 Members) – ₹139 Squad (4 Members) – ₹179 After successful registration, teams will participate in Round 1 (Ignition). Prizes & Rewards Prize Pool Worth ₹1.5 Lakhs+ Premium Memberships CodeCrafters VIP Membership  AI Interview Credits Free .XYZ Domains for Top Teams Digital Certificates for All Participants 🇮🇳 National-Level Recognition Why Participate? Solve real-world frontend challenges. Build an impressive portfolio project. Compete with developers from across India. Win exciting prizes and sponsored rewards. Learn modern frontend technologies and AI-assisted development workflows. Showcase your creativity, presentation, and development skills on a national platform.