SpaceWalk

Make it to space one step at a time.

Comment

Inspiration

Our Inspiration was to create a website which facilitates a desire to exercise by encouraging people to walk the distance it would take to reach the moon, mars, etc.

What it does

The website tracks the users location and allows the user to plan walks. Then records the distance the user has covered and adds it to the total. When the user reaches 254 miles (for example) they will achieve the first accomplishment, walking the distance it would take to reach the International Space Station.

How I built it

We built the website using HTML, CSS, Javascript, and bootstrap. The website uses the google maps Javascript API to generate a map for the user to see their routes on. It also uses the google distance API to create the pathways for walking routes.

Challenges I ran into

We could not get the icon to show up with the accomplishment notifications. This was supposed to be a moon for example when the user had walked the distance to reach the moon, however it was blue instead. We wanted to use a tracking feature to track the user as they walked for a more open feeling experience . However, we could not figure out how to store the coordinates correctly and call them back without causing errors so we settled on fixed routes / set mileage.
We then had a lot of difficulty implementing fixed routes as at first we could not figure out how to add locations to the routes. After this, we couldn't get the directions for the routes to show up on the map. However, we did manage to get the location pointer to find the user

Accomplishments that I'm proud of

We are very proud if getting the accomplishments popup to come up at the bottom of the main page. We were also quite proud of some of the logos / graphics we made for the planet accomplishments.

What I learned

This was the first time either of us had tried to use Javascript properly. We used it quite a lot in this project. We have learned how many things it can be used for, and how to use script in html code.

What's next for SpaceWalk

We would like to implement a map which allows the user to press start and walk where they like then press end when their walk is over. The user could then review their walk, and distance, etc. We would also like to add percentage trackers for accomplishments so that the user can see how close they are to reaching mars, or whatever their goal may be.

Built With

Share this project:

Updates