Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cvalencia1991/space-travel-hub
"SpaceX API" is a React-based web app that displays live data from the SpaceX API. Users can view information on rockets and space missions, built with Bootstrap.
https://github.com/cvalencia1991/space-travel-hub
boostrap5 netlify-deployment react reactjs redux redux-thunk
Last synced: 3 months ago
JSON representation
"SpaceX API" is a React-based web app that displays live data from the SpaceX API. Users can view information on rockets and space missions, built with Bootstrap.
- Host: GitHub
- URL: https://github.com/cvalencia1991/space-travel-hub
- Owner: cvalencia1991
- License: mit
- Created: 2022-11-12T21:40:52.000Z (about 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-03-21T21:46:44.000Z (almost 2 years ago)
- Last Synced: 2024-11-08T13:15:02.502Z (3 months ago)
- Topics: boostrap5, netlify-deployment, react, reactjs, redux, redux-thunk
- Language: JavaScript
- Homepage: https://spacetravelhubspacex.netlify.app/
- Size: 1.31 MB
- Stars: 10
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Space Travel Hub
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ](#faq)
- [📝 License](#license)
**SpaceTravelHub** is a live data from the SpaceX API. Web application development for a commercial and scientific space travel company. Rockets and space missions will be available for booking through the application.
Client
- **Implement Rockets screen with the API**
- **Implement Mission's of SpaceX**
- **Adding Missions to Myprofile**
- [Live Demo Link](https://spacetravelhubspacex.netlify.app/)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
```sh
Clone the respository
Add the Npm libraries
Run it
```
### Setup
Clone this repository to your desired folder:
```sh
cd Desktop
git clone https://github.com/cvalencia1991/SpaceTravelHub.git
```
### Install
Install this project with:
```sh
cd my-project
npm install
```
### Usage
To run the project, execute the following command:
```sh
npm run start
```
### Run tests
To run tests, run the following command:
```sh
npm run test
```
### Deployment
You can deploy this project using:
```sh
npm run start
```
👤 **Cesar Alberto Valencia Aguilar**
- GitHub: [https://github.com/cvalencia1991](https://github.com/cvalencia1991)
- Twitter: [https://twitter.com/cvalenciaguilar](@cvalenciaguilar)
- LinkedIn: [https://www.linkedin.com/in/cvalenciaguilar/](www.linkedin.com/in/cvalenciaguilar)
👤 **Felipe Oyarzo**
- GitHub: [@jfoyarzo](https://github.com/jfoyarzo)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/jorge-felipe-oyarzo-contreras-647118247/)
- [Adding Placeholder]
**Enhance the My Profile section by adding a placeholder message when the "My Missions" or "My Rockets" lists are empty (no missions joined or no rockets reserved).**
- [Adding Read more ] **Enhance the My Profile section by adding the "Read more" button for each mission and rocket. Upon click, it should open a corresponding Wikipedia page in a new tab. NOTE - you need to get that extra Wikipedia URL from the API's payload.**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/cvalencia1991/SpaceTravelHub/issues).
If you like this project Give a ⭐️!
I would like to thank to spaceX give the Api to the deploy:
- Rockets: https://api.spacexdata.com/v3/rockets
- Missions: https://api.spacexdata.com/v3/missions
- **How can implement the project by Redux?**
- you can impplement with the Duck patter or the basic items to introduce the React-Redux
- **Could i use any other style framework thank boostrap in this project?**
- you can give you stiles with tailwindcss or SASS.
This project is [MIT](./LICENSE) licensed.