Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jackomo007/looking-glass

Telescopes Space Apps Game PWA
https://github.com/jackomo007/looking-glass

offline progressive-web-app pwa

Last synced: about 2 months ago
JSON representation

Telescopes Space Apps Game PWA

Awesome Lists containing this project

README

        

NASA Space Apps Challenge 2022 - Looking Glass


## ⚙️ Team Name:
looking-glass
- Pentium

## ⚙️ Team Members:
- [José Prieto](https://github.com/jackomo007)
- [Gremis Tovar](https://github.com/Gremis)

## ⚙️ Challenge:
- Learning Through the Looking Glass

## ⚙️ What works:
- Summary of some space telescopes.
- Game that represents what the human eye would see when seeing astronomical phenomena.
- Trivia where an image is presented, provides a brief explanation of it and the user must find out which telescope took it.
- It is an application that works online and offline, based on PWA technology. For each correct answer the player accumulates points that are presented in a scoring section.

## ⚙️ How much can develop with more time in the future:
- Make configurations in the design to make it more responsive.
- A more advanced game could involve an app that simulates images using the NASA-provided WebbPSF tool.
- Other games of different difficulty level.

## ⚙️ Technologies Used:
- JavaScript
- Reactjs
- PWA
- Images from space agencies

## Instalação

## 🏁 To run the project:

Clone this repository on your machine:

```bash
$ git clone https://github.com/jackomo007/looking-glass
```

cd `looking-glass` and run:

```bash
npm install
```

```bash
npm start
```


## Finally

The application can be installed on any device with internet access and works offline

![image](https://user-images.githubusercontent.com/48386386/193457954-e2a8da9c-0213-4cdf-a7a7-10d1898572d0.png)

For example, here we have the application running in the chrome browser:

![image](https://user-images.githubusercontent.com/48386386/193457867-8603753b-6d1c-4c52-8095-6c8d01b9403d.png)

Here the application is installed on a Windows system:

![image](https://user-images.githubusercontent.com/48386386/193461195-0c80caf4-55d5-4d5f-a2e6-666975444072.png)

Here the application is installed on an android device:

![image](https://user-images.githubusercontent.com/48386386/193458404-28a4f676-2855-40b8-ac28-912e69a759e5.png)
![image](https://user-images.githubusercontent.com/48386386/193458588-5abb201f-def8-41fb-a9dd-befd2236a6e6.png)

The functioning of this application can be seen below:

![](src/images/looking.gif)