Team Kalika

http://hamro.earth/ or https://6339bbedf4edc0788466f789--superlative-paprenjak-96a6f2.netlify.app/

https://docs.google.com/presentation/d/1nUH4PtlDfTG5sbEZTDEfWvoSZ59AYsmzye-3NFu5Y2s/edit?usp=sharing

As mentioned in the challenge, there are many ISS tracking apps and websites but few are 3d and only limited have some features while they do not show how the ISS looks and rather show it as a dot, box or a low poly image. so the main aim of the project was to solve this problem but later while developing the project came to know how difficult and performance hungry the app development is. With the help of the online community, we succeded in building a fully feature packed, 3d International space station tracking web application. { yes a web application indeed }.

Currently Hamro earth is capable of showing you a 3D view of the International space station, which keeps revoving the earth which is rotating in its own orbit and last but not the least is the Sun far away from the earth which provides a good amount of light. It brightens all the stuffs as usual 😅.

All the 3d models are almost the replica of the orginal one. Which means the ratio of the sizes of those things is relative to their orginal size and are reduced by a reducing factor since fitting a full size earth and a sun is not even possible in dreams in a canvas whos size is just a big as our monitor.

It can track your location and find the location of the Iss in the provided time stamp. It can give you the exact time when the space station will be over your head.

And lastly you can also control the rotation speed of the earth since, It is hard to visualize the rotation of the earth and the revolution of the space station, if their velocity is kept the same. So we instead shrunk the timeframe and gave you a another feature of controlling it on your own. You just move a slider left and right to move the time frame from 1 day = 1 hour ie . 1 day = 3600 second upto 1 day = 86400 seconds i.e 24 hours.

Lets talk about benifits.

1. Know information is always benificial.
2. You are just one click away from the ISS.
3. You can see how the ISS looks in 3d.
4. Know about the size comparision of earth, sun, and the Iss
5. know the exact location of the Iss
6. Compare it with your Own locatoin
7. Know the time when Iss crosses you.
8. Know the time difference between space station and you.

The list just goes on and on. We are happy with what we achieved in this small time boundry. If were to have more time then it would have been a next google earth. NO NO don't get me wrong it would most probably be better than it.

The tools and the languages used are :

Tech stack are:

• React.js (Frontend)
• Three.js (3D model)
• Custom Css and Material UI(Styling)
• Figma(Designing)

The hardware stuff:

4 laptops and bunch of chargers and mouse😅.

note: We don't intent to humiliate anyone by making jokes but we can learn more when reading is fun. If We violated any rule by writing in this way. We are fell sorry for you 😂.

We used the following apis for getting data of the Iss.

`https://api.wheretheiss.at/v1/satellites/25544

for getting the current location of the time which is used to calculate the time offsets of all short.

Just rolling and stucking up and down in web of error, We just completed our hackthon. Our journey was a full of frustrating moments but it was worth learning. We learnt much about new tech stuff which is three.js. We got the chance to learn about crafting and manipulating the 3d models. For the first time, It was little bit nightmare for us but later now, As we got familiar

with it, We loved it. Fixing camera angle, positioning the light, shaping the 3d model was the core brainstorming part. At last, We want to say that, It was a awesome journey.

API

1. ISS API

Docs

1. Nasa Api
2. three.js docs

Texture pack for galaxy and earth.

3D Models

1. Pointer model
2. ISS model

#earth #iss