Exploring the Moon with Artemis Website

Ship #1 Changes requested

@LidikaRahman on Exploring the Moon with Artemis Website · 22 days ago

This week, the project took a big step forward. I began building the SLS Engineering section, where users won't just read about NASA's rocket, in fact they'll build an understanding of it through a 12-stage launch simulation.

The biggest challenge was the JavaScript behind the scenes. Every launch stage happens within seconds, so keeping the timing and calculations synchronized turned out to be much harder than I expected. After many failed attempts, I realized the problem wasn't the math itself, rather it was when the calculations were being updated. Once I fixed that logic, everything finally worked as intended.

As I continue building, I'm thinking carefully about the quality-of-life problem this project solves. Space science is often taught through long videos or textbook diagrams, making it difficult for many students to stay engaged or understand how everything connects in a real mission. My goal is to remove that friction by turning complex STEM concepts into an interactive experience where students actively participate instead of passively reading.

The next stages will introduce astronaut engineering challenges, real-time mission mathematics, rocket fueling, launch operations, Moon landing procedures, scientific experiments, and mission decision-making. Every activity is designed to mirror real Artemis-inspired workflows while providing instant feedback, progress tracking, and personalized learning. Instead of simply learning about a mission, users gradually build the confidence and practical understanding to think like an engineer, scientist, and astronaut.

The goal is simple: make learning space exploration more interactive, more intuitive, and far more memorable.

3 devlogs
9h
Frictionless

Try project → See source code →

Open comments for this post

@LidikaRahman on Exploring the Moon with Artemis Website · 22 days ago

6h 2m logged

Exploring the Moon with Artemis!— Dev Log #3✅

What I Added:
Started building the SLS Engineering section.
Added the foundation for the 12-stage launch simulation.

Challenges I faced:
The JavaScript was the hardest part.Since each stage changes within seconds, handling the timings and calculations became more complex than I expected.Ran into repeated errors before finding the real issue.

What I Learned:
Improved my understanding of JavaScript timing and calculation logic.Sometimes the bug isn’t in the formula, and it’s in how and when it’s being updated.

An important decision I made :
Chose to break the launch into 12 interactive stages instead of one animation, making it more engaging and educational.

✨ Progress:
Finally figured out the calculation loophole, and everything is working much more smoothly now.

One step closer to launching Artemis! 🌙🚀

Open comments for this post

@LidikaRahman on Exploring the Moon with Artemis Website · about 1 month ago

2h 21m 40s logged

Exploring the Moon with Artemis! — Dev Log #2

What I built :

• Added astronaut gender selection.
• Added the dashboard introduction section.

The Challenges I faced :

•Faced some annoying alignment issues. •Had a bug where selections weren’t updating correctly.

What I’ve Learned:

• Better understanding of handling user selections and progress tracking.

Decision I made:

Started with astronaut personalization before the missions.Makes the experience feel more personal from the start.

Something that SURPRISED me:
The dashboard already makes the project feel like a real astronaut training platform!

And about the Design:
Going for a fun, friendly space theme while keeping the Artemis mission feeling realistic.

Next up: astronaut training and mission systems!

Open comments for this post

@LidikaRahman on Exploring the Moon with Artemis Website · about 1 month ago

59m 40s logged

My today’s update tackles user friction head-on by introducing a “Continue as Guest” option, allowing people to bypass the sign-up gate and dive straight into my project. To match this seamless flow, I gave the resident astronaut mascot a major upgrade; it now dynamically changes its greeting for guest users and delivers a revamped introductory speech that clearly lays out my mission, the problem statement, and the core solution right from the launchpad.