DEV Community

Abel desalegn
Abel desalegn Subscriber

Posted on

NovaFleet - A Futuristic Dashboard for Space Agencies

Frontend Challenge Holistic Webdev Submission

πŸš€ Submission for Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev: Office Space

πŸ”§ What I Built

NovaFleet Intranet Portal β€” a futuristic, space-themed internal dashboard for a fictional space agency.
Features include:

Clean, modern interface
Dark/Light mode toggle
Real-time mission control widget
"Astronaut of the Week" profile

The goal: make intranet tools fun, functional, and visually engaging.


πŸ’» Demo & Code

πŸ”— Live Demo
πŸ“‚ GitHub Repository


πŸ›  Tech Stack

  • React 18 + TypeScript
  • Vite for fast dev experience
  • Tailwind CSS for styling
  • Lucide Icons for clean iconography

✨ Key Features

  • Fully responsive on all devices
  • Dark/Light theme with system preference detection
  • Optimized performance with lazy loading
  • Accessibility support (keyboard navigation, screen readers)

πŸ“š What I Learned

  • Advanced state management with React hooks
  • Theming with CSS variables
  • Performance optimization in React apps
  • Accessibility best practices

πŸŽ‰ Highlights / Proud Moments

  • Smooth, polished dark/light theme transitions
  • Fully responsive layouts
  • Subtle glowing effects to enhance the space theme

πŸš€ Future Improvements

  • User authentication
  • Real-time updates via WebSockets
  • More interactive dashboard widgets
  • Internationalization support

πŸ“License

MIT


Thanks to the organizers for this awesome challenge! πŸš€πŸ‘¨β€πŸš€

Top comments (0)