-
-
Moonbase Alpha
🌙 Moonbase_ER
Inspiration
We wanted to create a fun, futuristic web app that simulates a moon base emergency response system. The goal is to explore React, Node.js, and full-stack development while building something interactive and practical.
What it does
Moonbase_ER lets users interact with a simulated moon base dashboard. Features include:
- Emergency alert sounds and notifications
- Dashboard showing base status
- Simulated crew management
- Communication with a backend server for data handling
How we built it
- Frontend: React.js for dynamic UI and interactive components
- Backend: Node.js + Express for handling simulated data and alerts
- Styling: CSS for visuals, with a focus on space/moon-themed aesthetics
- Assets: Sounds for alarms, icons for the dashboard, and placeholder crew data
Challenges we ran into
- Handling merge conflicts while working with GitHub
- Integrating frontend and backend communication using Axios
- Ensuring that assets like sounds load correctly in React
- Managing project structure for a full-stack app
Accomplishments that we're proud of
- Successfully set up a React frontend talking to a Node/Express backend
- Created a responsive dashboard UI that reacts to simulated alerts
- Implemented audio notifications for emergencies
- Learned Git workflows to manage local and remote repositories
What we learned
- How to structure a full-stack project with separate frontend and backend folders
- Using Axios to send HTTP requests from React to a Node server
- Handling merge conflicts and proper Git workflow
- Practical debugging of Node.js modules and npm dependencies
What's next for Moonbase Alpha
- Add real-time updates for emergency alerts using WebSockets
- Expand the dashboard to include more moon base modules
- Implement user authentication for crew management
- Polish UI/UX with animations and improved visuals
- Deploy the full app online for interactive access
Log in or sign up for Devpost to join the conversation.