Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ibr5500/space-travelers-hub
Space Travelers Hub: a booking website for rockets and space missions, generated using React-Redux, React, and SpaceX API.
https://github.com/ibr5500/space-travelers-hub
css3 jest react react-redux redux spacex-api
Last synced: about 2 months ago
JSON representation
Space Travelers Hub: a booking website for rockets and space missions, generated using React-Redux, React, and SpaceX API.
- Host: GitHub
- URL: https://github.com/ibr5500/space-travelers-hub
- Owner: ibr5500
- Created: 2022-06-20T12:43:30.000Z (over 2 years ago)
- Default Branch: dev
- Last Pushed: 2024-01-05T17:19:33.000Z (about 1 year ago)
- Last Synced: 2024-01-05T18:31:52.651Z (about 1 year ago)
- Topics: css3, jest, react, react-redux, redux, spacex-api
- Language: JavaScript
- Homepage:
- Size: 4.09 MB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![](https://img.shields.io/badge/Microverse-blueviolet)
## Space-Travelers-Hub.
## Description:
> Space Travelers Hub: a booking website for rockets and space missions, generated using React-Redux, React, and SpaceX API.
### In this project we have:
> - Use React hook, Router, logger, ...
> - Connect React and Redux.
> - Handle events in a React app.
> - Written unit tests with React Testing Library.
> - Use store, actions and reducers in React.## Built With
- Css
- React
- Redux
- SpaceX API for [Missions](https://api.spacexdata.com/v3/missions) and [Rockets](https://api.spacexdata.com/v3/rockets)## Live Demo (if available)
Please [click](https://spacex-booking.netlify.app/) here for the live demo
## Getting Started
### steps to run the project
#### 1 - Install npm.
```
npm install
```#### 2 - run the project
```
npm start
```To get a local copy up and running follow these simple example steps.
### Prerequisites
- HTML & CSS & JS
- npm
- node (latest version)### Setup
- linters for CSS and JS
- Create react app
- install redux
- install react-redux### Run tests
```
npm test
```
- Open your terminal, move to the directory where you want to clone the app (i.e cd Documents)
- Enter git clone https://github.com/ibr5500/space-travelers-hub.git
- Change to the directory you just clone into (i.e cd space-travelers-hub)
- Open index.html from the list of files in your left handside
- Right click on your opened index.html file and launch the live server to preview
- Include any possible changes and run "git add ."
- Commit the changes with a descriptive message (i.e xyz features added)
- Push the changes to changes to the repository (i.e git push)## Authors
👤 **Ibrahim Ahmat**
- GitHub: [@ibr5500](https://github.com/ibr5500)
- Twitter: [@ibr_ahmat](https://twitter.com/ibr_ahmat)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/ibrahim-ahmat-b5513b1a6/)## 🤝 Contributing
- GitHub: [@GOlivierNation](https://github.com/GOlivierNation)
- Twitter: [@OGasominali](https://twitter.com/OGasominali)Feel free to check the [issues page](../../issues/).
## Show your support
#### Please give a ⭐️ if you like this project!