The golden times of spaceflight and the first landing of a man on the Moon are long behind us. With the development of technology, uneconomical and outdated shuttles no longer meet their goals. Market demand for new constructions and growing interest in the space sector, and in particular the mining industry on other planets of the Solar System, has created new goals in the astronomical race. In recent times, many private companies have partnered with NASA and in particular one...
Space Gatsby is React-based, GraphQL powered, static PWA, styled by Google's Material-UI framework.
As a data source, it uses converted API of the public open source REST API created by users of the r/SpaceX tag on the Reddit portal.
- React.js - ^16.8.6
- Gatsby - ^2.13.18
- Material-UI - ^4.2.0
- Mdx-js - ^1.1.1
- Styled-components - ^4.3.2
- Axios - ^0.18.1
- Webpack - ^4.28.4
List of ready features 🔥
- Creating pages dynamically through third-party GraphQL API,
- Site styled with Google's Material-UI and CSS Modules, RWD,
- Generate new pages programmatically by using .md and .mdx files,
- Countdown timer - check how much time is left until the next take-off,
- Lazy loading images.
In progress
- Page with a list of previous missions.
- Description of take-off along with information on the status of the load and the success of the operation.
- Typing queries with typeof keyword defined in TypeScript.
Screenshot from Chrome dev tools audit.
| Mobile shortcut icon | Main screen notification |
|---|---|
 |
 |
| Home screen | Navigation drawer |
|---|---|
 |
 |
| Rockets page | Mission details page |
|---|---|
 |
 |
Before you are ready to run Space Gatsby you will need additional software installed on your computer.
Version minimum 8 or later is required. Download the Windows installer from the Node.js downloads page.
All commands need to be performed in either PowerShell or a Command Shell.
npm install -g gatsby-cli
git clone https://github.com/Paul-002/space_gatsby.git
cd space_gatsby
npm install
gatsby develop
gatsby build
gatsby serve
See the public demo of Space Gatsby!
The project is under development.
This app is inspired by Ashlee Vance book Elon Musk: Tesla, SpaceX, and the Quest for a Fantastic Future
This project is licensed under the MIT License.
Created by 👋 @Paul-002