Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dzenis-h/spacex-launches
App that lists SpaceX launch missions, rockets, and mix it all up using GraphQL queries.
https://github.com/dzenis-h/spacex-launches
api apollo-client apollo-server bootstrap4 css3 express express-graphql graphql html5 javascript react
Last synced: about 2 months ago
JSON representation
App that lists SpaceX launch missions, rockets, and mix it all up using GraphQL queries.
- Host: GitHub
- URL: https://github.com/dzenis-h/spacex-launches
- Owner: dzenis-h
- Created: 2019-12-07T09:30:10.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T16:18:53.000Z (about 2 years ago)
- Last Synced: 2023-03-01T01:06:39.005Z (almost 2 years ago)
- Topics: api, apollo-client, apollo-server, bootstrap4, css3, express, express-graphql, graphql, html5, javascript, react
- Language: JavaScript
- Homepage: https://spacex-2020.herokuapp.com/
- Size: 3.36 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
##
[](https://www.linkedin.com/in/dzenis-h/)
[](https://github.com/dzenis-h)
##
# SpaceX Launches 🚀 
## Overview 👀
SpaceX Launches is a React, GraphQL, Apollo app that uses the SpaceX API to display launches. You can view the details of each launch, such as the mission name, rocket name, launch date, launch site, and launch success. You can also see the rockets used by SpaceX and their specifications.
## Tech Stack 🛠️
| Tech | Docs | Description |
| ---- | ---- | ----------- |
|  | [React](https://reactjs.org/docs/getting-started.html) | React is a JavaScript library for building user interfaces. It lets you create complex UIs from small and isolated pieces of code called "components". |
|  | [GraphQL](https://graphql.org/learn/) | GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. It gives clients the power to ask for exactly what they need and nothing more. |
|  | [Apollo](https://www.apollographql.com/docs/) | Apollo is a platform for building a data graph, a communication layer that seamlessly connects your application clients (such as React and iOS apps) to your back-end services. |
|  | [SpaceX API](https://docs.spacexdata.com/) | SpaceX API is an open source REST API for rocket, core, capsule, pad, and launch data, created and maintained by the SpaceX community. |
|  | [Bootstrap](https://getbootstrap.com/docs/5.0/getting-started/introduction/) | Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components. |
## Quick Start ⚡
```bash
# Install dependencies (server & client)
npm install
cd client && npm install
# Run server & client (:3000 & :5000)
npm run dev
# Server only (:5000)
npm run server
# Client only (:3000)
npm run client
# Build for production (Builds into server ./public)
cd client && npm run build
# Graphiql - http://localhost:5000/graphql
```
## Contributing 🙌
Contributions are always welcome! If you would like to contribute to this project, please follow these steps:
1. Fork the repository 🍴
2. Create a new branch 🌵
3. Make your changes and test them thoroughly 👨💻
4. Submit a pull request ✔
## License 📑
This project is licensed under the MIT License - see the [LICENSE.md](https://docs.google.com/document/d/11WK7tVoTFRMcWCuGZQCRWxEsDUEJ_6ArtfV-NjWcBCU/edit?usp=sharing) file for details.
## Deployment 🚀
You can check out the live version of this app [here](https://spacex-2020.herokuapp.com)
## Credits 👨🏻💻
This repo was created by [Dzenis H.](https://dzenis.tech)
Contributions are more than welcome. 🫡
If you like what you see, please consider giving a ⭐️