https://github.com/kooltheba/react-iss-app

💥 Want to know what's going on in the International Space Station? 👩‍🚀 Check what you can do with this app!! 🚀
https://github.com/kooltheba/react-iss-app

css3 hooks international-space-station javascript react react-router testing

Last synced: about 2 months ago
JSON representation

💥 Want to know what's going on in the International Space Station? 👩‍🚀 Check what you can do with this app!! 🚀

• Host: GitHub
• URL: https://github.com/kooltheba/react-iss-app
• Owner: KoolTheba
• License: agpl-3.0
• Created: 2020-11-11T15:06:25.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2020-11-30T16:44:47.000Z (about 4 years ago)
• Last Synced: 2024-12-18T09:45:15.740Z (about 2 months ago)
• Topics: css3, hooks, international-space-station, javascript, react, react-router, testing
• Language: JavaScript
• Homepage:
• Size: 791 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# International Space Satation (ISS) app 🚀

💥 Want to know what's going on in the International Space Station? 👩‍🚀  Check what you can do with this app!! 🚀

> Project made with React ⚛️ and 💜

## Features

The application is build for you to be able to:

- See the current latitude and longitude of the ISS rigth now including timestamp

- Press the auto-refresh button to track live the ISS each to 2s

- See a list of the astronauts in the ISS right now

- Add your current latitude and longitude andget the information in human format of when I will be able to watch the ISS and how long is going to be visible from my location

- Have a button to fullfil my latitude and longitude using current your device geolocation features

The API used is [Open Notify API](http://open-notify.org/Open-Notify-API/) which provides different cool services:

- [International Space Station Current Location](http://open-notify.org/Open-Notify-API/ISS-Location-Now/)

- [International Space Station Pass Times](http://open-notify.org/Open-Notify-API/ISS-Pass-Times/)

- [How Many People Are In Space Right Now](http://open-notify.org/Open-Notify-API/People-In-Space/)

## [Release v1.0.0](https://github.com/KoolTheba/react-iss-app/pull/9)

- Feature ISS location: check where is the exact location of the International Space Station

- Feature People in space: take a peak to the people currently on board"

- Feature Application router: Interactive menu for jumping easily from one feature to the other

- Feature Pass Times: want to see when the ISS is coming close to you and for how long you can see it?

## MVP ¿? Yes, more coming soon! 🦄

There is quite nice stuff for the upcoming realease.

Testing, cool styles, better interactions and more maps yet to come!

## Tech Stack

- React Hooks and Router: It's a JavaScript library for building user interfaces created by Facebook.

- Jest, testing-library and Cypress: I really care for testing, that's why tons of specs and suites are created for testing my app. You can find some cool unit and end-2-end tests developed with Jest, testing-library and Cypress.

- Webpack: It's an open-source JavaScript module bundler. It is primarily built for JavaScript, but it can transform front-end assets like HTML, CSS, and images if the corresponding plugins are included.

## Available Project' scripts

In the project directory, you can run:

### `npm start`

🌟 Runs the app in the development mode.


Open [http://localhost:3000](http://localhost:3000) to view it in the browser 🌟

## Dependencies

- React

- React router

- Material UI

- Leaflet (map)