Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kingsleyibe/ben-kings-react-project
Space Travelers' Hub is a web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions. Application data was fetched from the SpaceX API.
https://github.com/kingsleyibe/ben-kings-react-project
api javascript jest peer-to-peer programming reactjs router space testing travel
Last synced: 19 days ago
JSON representation
Space Travelers' Hub is a web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions. Application data was fetched from the SpaceX API.
- Host: GitHub
- URL: https://github.com/kingsleyibe/ben-kings-react-project
- Owner: KingsleyIbe
- Created: 2022-01-24T12:55:05.000Z (almost 3 years ago)
- Default Branch: development
- Last Pushed: 2022-05-29T19:07:46.000Z (over 2 years ago)
- Last Synced: 2023-03-05T16:51:45.717Z (over 1 year ago)
- Topics: api, javascript, jest, peer-to-peer, programming, reactjs, router, space, testing, travel
- Language: JavaScript
- Homepage: https://github.com/KingsleyIbe/ben-kings-react-project
- Size: 8.88 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![](https://img.shields.io/badge/Microverse-blueviolet)
# SPACE TRAVELERS' HUB
>Space Travelers' Hub is a web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions. Application data was fetched from the SpaceX API.
## ADDITIONAL DESCRIPTION ABOUT THE APPLICATION
The Space Travelers' Hub consists of Rockets, Missions, and the My Profile section.
### Rockets
The Rockets section displays a list of current rockets available for booking.![Rockets List](./src/assets/images/rocketsUnreserved.jpeg)
![Reserved Missions List](./src/assets/images/rocketsReserved.jpeg)### Missions
The Missions section displays a list of current missions along with their brief description and participation status. There is also a button next to each mission that allows users to join the selected mission or leave the mission the user joined earlier.
![Missions List](./src/assets/images/missions.jpeg)
![Joined Missions List](./src/assets/images/missionsJoined.jpeg)### My Profile
The My Profile section displays all reserved rockets and space missions.
![Profile List](./src/assets/images/myProfile.jpeg)
## BUILT WITH
-- Basic Language - JavaScript
- Framework - React
- Other technologies/tools:``` create-react-app
> create-react-app
> webpack for bundling files
> Babel for code transpiling
> Git for version control
> Eslint for JavaScript linting
> Stylelint for style linting
> Jest for testing
> Space-X API
```## Live Demo
[Live Demo Link]( https://kingsleyibe.github.io/ben-kings-react-project/)
## Getting Started
To get a local copy up and running follow these simple example steps.
1. Clone the repository using
```
git clone https://github.com/KingsleyIbe/ben-kings-react-project.git
```2. cd into the cloned repository
```
cd ben-kings-react-project
```3. You now have the access to the files on your local machine!
#### Optional steps
Install the node_modules/ folder to be able to locally run the linter commands. Run:
```
npm install
```To check Stylelint linter errors run:
```
npx stylelint "**/*.scss"
```To check ESLint errors run:
```
npx eslint .
```## Authors
👤 **Author1**
- GitHub: [@benjp009](https://github.com/benjp009)
- Twitter: [@benjp009](https://twitter.com/benjp009)
- LinkedIn: [benjaminpatin](https://www.linkedin.com/in/benjaminpatin/)👤 **Author2**
- GitHub: [@Kingsleyibe](https://github.com/kingsleyibe)
- Twitter: [@ibekingsley2](https://twitter.com/ibekingsley2)
- LinkedIn: [Kingsley Ibe](https://www.linkedin.com/in/kingsley-ibe-5669a5134/)## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/KingsleyIbe/ben-kings-react-project/issues).
## Show your support
Give a ⭐️ if you like this project!
## 📝 License
This project is [MIT](./MIT.md) licensed.