Spacetime

Main Screen. (Users have 3 options.) Times have been changed for showcase convenience. (Normally, the time for the moon is 25mins etc)
When pressed any options. (Get ready for the trip!)
When pressed Moon. (Journey to the moon!) (Focus on your study!)
When completed a journey. (Astronaut lands!) (Goal reached!)
When pressed Mars. (Journey to Mars!)
When pressed Alien Base. (Journey to the Exoplanet!)

Inspiration

Pandemic has made students study remotely. Many students who are not used to taking online courses are struggling to keep up with their school work.

What it does

Spacetime helps students to focus on their work by giving an achievement/motivation. Students choose the amount of time they want to focus on and then commence on a journey through outer space with the essential objective being to improve their productiveness. If they successfully complete their goal, they get rewarded by safely finishing the journey.

How I built it

We built it with HTML, CSS, React.js, and Javascript.

Challenges I ran into

Most of us had no experience of building a website so we had to learn it from the bottom in the limited time. Learning a completely new language in a short amount of time was a big challenge.

Accomplishments that I'm proud of

Searching through the internet and finding the required relevant information was tougher than we originally anticipated. However, at the end, we were able to implement most of the features we wanted on our website.

What I learned

We learned how to deal with HTML, CSS, React.js, and Javascript. The result that would be intrinsically achieved would be an apt display of animation that would keep students in an unwavering position while studying.