Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/iturres/spacex-travelers-hub

⚛️React-Redux-App⚛️ | SpaceX Travelers Hub - 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. Powered By the 🔗SpaceX Web API. 🧪Tested with Jest🧪. Check it out! 👇
https://github.com/iturres/spacex-travelers-hub

javascript jest react react-router redux-thunk redux-toolkit spacex testing-library

Last synced: 17 days ago
JSON representation

Host: GitHub
URL: https://github.com/iturres/spacex-travelers-hub
Owner: ITurres
License: mit
Created: 2023-07-24T16:13:23.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-08-10T02:19:43.000Z (over 1 year ago)
Last Synced: 2024-10-09T12:27:49.389Z (2 months ago)
Topics: javascript, jest, react, react-router, redux-thunk, redux-toolkit, spacex, testing-library
Language: JavaScript
Homepage: https://iturres.github.io/spacex-travelers-hub/
Size: 1.49 MB
Stars: 14
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        



    

    SpaceX Travelers 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](#deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

---

# 📖 SpaceX Travelers Hub 

**SpaceX Travelers Hub - React + Redux App** This web application is for a company that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions thanks to the **`SpaceX Web API`**.

---

#### Learning objectives

- Work with GitHub Kanban board

- Use React components

- Use React props

- Use React Router

- Connect React and Redux

- Handle events in a React app

- Write unit tests with React Testing Library

- Use styles in a React app

- Use React hooks

- Apply React best practices and language style guides in code

- Use store, actions and reducers in React

- Perform a code review for a team member

## 🛠 Built With 

### Tech Stack 

  


      

      

      Redux

    

    

      

      React.js

    

    

      

      JavaScript

    

    

      

      Jest

    

    

      

      CSS

    

    

      

      React-Bootstrap

    

    

      

      HTML

    

  


---

### Key Features 

- **Use of Hooks**

- **Use of State**

- **Use of Redux Toolkit**

- **Use of React Router**

- **Use of React Bootstrap**

(back to top)


---

## 🚀 Live Demo 

- [Live Demo Link](https://iturres.github.io/spacex-travelers-hub/)

---

## 💻 Getting Started 

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

### Setup

Clone this repository to your desired folder:

Example commands:

```bash

  cd my-folder

  git clone [email protected]:ITurres/spacex-travelers-hub.git

```

### Install

Install this project's dependencies with:

- npm install

### Usage

To run the project, execute the following command:

```bash

 npm start

```

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\

You may also see any lint errors in the console.

### Run tests

```bash

 npm test

```

Launches the test runner in the interactive watch mode.\

See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

(back to top)


---

## 👥 Authors 

👤 **Author1**

- GitHub: [@ITurres](https://github.com/ITurres)

- LinkedIn: [Arthur Emanuel G. Iturres](https://www.linkedin.com/in/arturoemanuelguerraiturres/)

- Angellist / Wellfound: [Arturo (Arthur) Emanuel Guerra Iturres](https://wellfound.com/u/arturo-arthur-emanuel-guerra-iturres)

- Youtube: [Arturo Emanuel Guerra Iturres - Youtube Channel](https://www.youtube.com/channel/UC6GFUFHOtBS9mOuI8EJ6q4g)

👤 **Author2**

- GitHub: [@ahmedeid6842](https://github.com/ahmedeid6842)

- Twitter: [@ahmedeid2684](https://twitter.com/ahmedeid2684)

- LinkedIn: [ahmed eid](https://www.linkedin.com/in/ahmed-eid-0018571b1/)

(back to top)


---

## 🔭 Future Features 

- [x] Use React components

- [x] Use React props

- [x] Use React Router

- [x] Connect React and Redux

- [x] Handle events in a React app

- [x] Write unit tests with React Testing Library

- [x] Use styles in a React app

- [x] Use React hooks

- [x] Apply React best practices and language style guides in code

- [x] Use store, actions and reducers in React

- [x] Perform a code review for a team member

(back to top)


---

## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/ITurres/spacex-travelers-hub/issues).

(back to top)


---

## ⭐️ Show your support 

Give a ⭐ if you liked this project!

(back to top)


---

## 🙏 Acknowledgments 

I thank Microverse for this fantastic opportunity, the Code Reviewers and my coding partner [Ahmed Eid](https://github.com/ahmedeid6842) for their advice and time 🏆

(back to top)


---

## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)


---