Weight Convertor

• 

🌟 Weight Converter – Space Weight Explorer 💡 Inspiration The concept of gravity varying from planet to planet is fascinating but often abstract to most people. We wanted to take this invisible force and make it personal and interactive. Everyone knows their Earth weight — but what about on Mars, Jupiter, or even Pluto? The idea behind Weight Converter was to help people connect with planetary physics in a way that’s instantly understandable and fun.

🚀 What it Does This web app allows users to:

Input their Earth weight (in kg or lbs)

Instantly see their corresponding weight on 9 celestial bodies:

Mercury

Venus

Earth

Moon

Mars

Jupiter

Saturn

Uranus

Neptune

Pluto

Display the results in a neat, responsive layout

Use cute planet emojis and facts to make learning fun

It’s a gravity visualizer and weight calculator rolled into a beautiful, educational experience.

🛠 How We Built It HTML: Structured the layout with clear input, output, and result sections.

CSS: Styled with modern design principles — clean, dark/light modes, and planetary themes.

JavaScript: Performed real-time calculations using surface gravity constants from NASA datasets.

We kept it lightweight and dependency-free, so it works offline and loads fast in any browser.

🧱 Challenges We Ran Into Managing unit conversion between kg and lbs

Ensuring the results were scientifically accurate with consistent gravity values

Designing a responsive layout that works on all devices

Keeping the interface clean while showing 10 different celestial weights dynamically

🏆 Accomplishments That We're Proud Of Transformed abstract gravitational science into a fun, interactive app

Built everything from scratch with just HTML/CSS/JS

Made it responsive and user-friendly for all ages

Fully deployed without needing backend or APIs

📚 What We Learned How to convert real-world physics into a user-centric experience

Working with JavaScript math functions and rounding logic

Enhancing frontend skills in layout, form handling, and interactivity

Improving accessibility and responsive design using pure CSS

🌠 What's Next for Weight Converter Add support for more celestial bodies, like moons, asteroids, and exoplanets

Introduce visual animations showing your weight crushing down on each planet

Implement fun facts per planet (e.g., “Your weight on Jupiter is X — because its gravity is 2.5× Earth’s!”)

Export results as a card for sharing on social media

Build a progressive web app (PWA) version for mobile

Built With

• html