Summary

• Build the Home Launch Countdown screen featuring a live “T-minus Liftoff” timer and orbiting event markers for hackathon milestones (Check-in, Opening Ceremony, Hacking, Project Showcase, Closing Ceremony, etc.).

Tasks

• Create HomeScreen.tsx for layout and countdown functionality.
• Implement live countdown timer that updates every second.
• Build orbit layout with concentric dashed rings representing event stages.
• Position event circles (check-in, scavenger hunt, etc.) along their orbits.
• Add reusable components:
  • EventOrbit.tsx – handles ring rendering and scaling.
  • OrbitItem.tsx – handles each event node (label + position).
• Use Animated API for potential orbit or bounce effects.
• Ensure layout responsiveness across iOS and Android devices.

Acceptance Criteria

• Countdown timer displays in DD:HH:MM:SS format and updates in real time.
• Each event node is positioned along its correct orbit ring.
• Hierarchy matches design (larger circles for more significant events).
• Layout scales properly across device sizes.
• Code ready for future backend integration for live event times.

Notes

• Keep orbit spacing, line weights, and text consistent with design system.
• Use mock event times for now; replace with backend data later.
• Wrap root layout in SafeAreaView.
• Consider using flex and relative sizing for orbit responsiveness.
• https://www.figma.com/design/JAvelsDJItiuKNxk56Bj77/HackIllinois-2026--Mobile-App?node-id=1-2&p=f&t=iKnGNjXFB5rYxoXj-0

Future Enhancements

• Animate orbit rotation or floating effects for visual polish.
• Pull event timing dynamically from API.
• Highlight upcoming events or mark completed ones visually.