Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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!