Space Guide

Space Guide Logo

Inspiration

Our project took the prompt for this hackathon as a base; some program that would allow travelers to navigate the cosmos better, and we expanded from there. We thought about how the average person could never travel to another country without first researching it, preparing the right gear in advance, and maybe learning some fun facts. With that in mind, we imagined that travelers in space would be in a similar situation, unable to travel between planets without first having the right research in hand.

What it does

Our web application, Space Guide, serves as a guide to the solar system we live in, allowing users to choose between each planet and see a page of information – helping them prepare for their adventure. Each planet’s page of information will contain the weather/temperature, time, general statistics relative to the Earth, a guide to help them prepare gear and know what to expect, as well as fun facts, the user’s location within the solar system, and the closest space station’s distance in kilometers.

How we built it

We built the project using HTML, CSS, and Javascript. We found these to work for us as we saw a web application to be fit for our work, and they allow web implementation to be more convenient. HTML would act as the base for a webpage, while the CSS work would allow us to touch up this base, adding colors, shapes, and animations. The Javascript used was to allow for better functionality, such as swapping between planet pages.

Challenges we ran into

We faced many challenges, which included adapting to the new markup languages as well as Javascript, figuring out how to work with Github as a team, configuring design elements for our final product, and finding ways to bring separate functions or widgets together for the base features.

Accomplishments that we're proud of

The final product is satisfying to see in action; after many sketches and miniature flowchart designs for the programming and design process, we're proud to see our vision evolve and come to life as a web application. Some features, like the animations, the text fade, the planet selection, and the home button, as well as the many divs, functions, and designs integrated into the final design, are all worth being proud of.

What we learned

Overcoming these challenges came with the benefit of learning how to adapt to different languages, as well as gaining a deeper understanding of Git and Github, as well as web design. This project also helped us enhance our soft skills such as communication, teamwork, collaboration, time management, and critical thinking skills.

What's next for Space Guide

Perhaps, if given enough time, Space Guide could have a mobile version for more accessibility. Furthermore, we want to improve and add on to existing features, and touch upon the design if possible and have more reactive features. With enough popularity, Space Guide could add new features, perhaps transforming into an online social application, allowing people to meet up around the cosmos.

Project Made By: Dakshit Shahani-75416131 Tariq Wadi-67145318 Krupa Raval-28444495

GITHUB REPOSITORY LINK: https://github.com/derpyfireball/BCHACKS-24.git