SpaceX Live Info

App tailored for all of the space and tech enthusiasts out there!

Explore the docs »

Open the app · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Installation
3. Usage
4. Contributing
5. License
6. Contact
7. Acknowledgments

About The Project

SpaceX Live Info is a place to look for upcoming and previous SpaceX missions and mission insights.

Some of the key features:

• Quickly check out next and previous launches, weather conditions in launch facilities and active Starlink satellites count.
• Watch Starlink satellites move around in real time over a 3D Earth model.
• Browse mission records including payloads, crews, boosters, lauchpads etc.
• Get to know with specifications of each SpaceX rocket.

SpaceX Live Info is a project touching areas close to my heart. I'm deeply in love with all space-related stuff, especially rocketry itself. Well, to be honest, who isn't in love with space? Everyone is! This very fact made doing the project even more fun.

(back to top)

Built With

• React.js
• Redux.js
• styled-components
• styled-system
• SpaceX-API

(back to top)

Dashboard Usage

When you open the app for the first time, you'll be greeted by the curated Dashboard view. There will be quite a few information getting into your eyes in the very moment, but don't feel overwhelmed, it's not rocket science.

Dashbord supplies you with basic visual info about next and previous launches, weather in all of the launch facilities and Starlink program progress (active satellites count). Let's focus on a few eye-catching features, to make you feel more comfy.

1. Available routes
   Piece of cake, you can handle that. 🍰
2. Settings tweaker
   Use it to tweak windspeed and temperature units which are used primarly in the Launch facilities widget and some more places across the app. You can also change the timezone for launches to your local time, as UTC is set to default. ⚙️
3. See more button
   Dive into mission details, lovely. ✨
4. Mission Patch
   Depending on availability this window contains either a mission patch, or a rocket logo, if a patch isn't yet available. 🚀

For more usage manuals, please refer to the Documentation

(back to top)

Getting Started

To get a local copy up and running follow these simple steps.

Installation

1. Clone the repo

   git clone https://github.com/pislagz/spacex-live.git

2. Install NPM packages

   npm install

3. Run the dev server

   npm start

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create.
You are greatly appreciated to contribute!

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE file for more information.

(back to top)

Contact

Pawel Pisulski - /pislagz - pislax@yahoo.com

Project Link: github.com/pislagz/spacex-live

(back to top)

Acknowledgments

This project wouldn't be possible without all these amazing libraries:

• Framer Motion
• Luxon
• Axios
• Three.js
• Globe.GL
• tle.js
• react-tooltip
• react-chrono
• react-device-detect
• react-collapse
• react-styled-modal

nor without my mentor:

• Ernest Rudziec

(back to top)