/space-travelers-hub

In this task, we will be working with the real live data from the SpaceX API. Our task is to build 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.

Primary LanguageJavaScript

logo

📗 Table of Contents

📖 Space Travelers' Hub

In this project, we have built a web application for a company that provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions using real live data from the SpaceX API.

How it Works

The Space Travelers' Hub consists of three main sections:

Rockets / Dragons

The Rockets section displays a list of all available SpaceX rockets. Users can easily book each rocket by clicking the reservation button or cancel their previously made booking. If your team has three members, the Dragons section is also included with the same functionalities.

Missions

In the Missions section, users can explore and join different space missions. The application fetches real-time data from the SpaceX API to provide accurate information about upcoming missions.

My Profile

The My Profile section allows users to view their booking history and the missions they have joined. Users can also manage their profile settings and make changes as needed.

🛠 Built With

Tech Stack

React
React Router
Redux
Redux Toolkit
React Bootstrap
GitFlow

Key Features

  • React
  • React Router
  • Redux
  • Redux Toolkit
  • React Bootstrap
  • GitFlow

(back to top)

🚀 Live Demo

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

  • Code editor
  • Node

Setup

Clone this repository to your desired folder by opening the terminal and running the following command:

  git clone git@github.com:hajnaloltyan/space-travelers-hub.git

Install

Install this project with:

  npm install

Usage

To run the project use the following command:

  npm run start

Run tests

To run tests, run the following commands:

For CSS linter errors:

  npx stylelint "**/*.{css,scss}"

For ESLint linter errors:

  npx eslint "**/*.{js,jsx}"

Deployment

Deployed by GitHub Pages with command:

  npm run deploy

(back to top)

👥 Authors

👤 Pablo Bonasera

👤 Ali Baba

👤 Hajnalka Oltyan

(back to top)

🔭 Future Features

  • To offer more Adventures to book

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

(back to top)

⭐️ Show your support

If you like this project please leave a star and a comment.

(back to top)

🙏 Acknowledgments

We would like to thank Microverse to have this opportunity.

(back to top)

📝 License