/space-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.

Primary LanguageJavaScriptMIT LicenseMIT

logo

Space Travelers' Hub

📗 Table of Contents

📖 Space Travelers' Hub

Space Travelers' Hub is a web application for a company that provides commercial and scientific space travel services. It fetch data about rockets and misions from Api. The application will allow users to book rockets and join selected space missions. It was coded using React and Redux.

🛠 Built With

Tech Stack

Client

Key Features

  • Display a list of rockets and mission
  • Users can booking and cancel a rocket reserve
  • Users can join and leave a mission

(back to top)

🚀 Live Demo

Click in the following link to see a working live version of this project:

(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 to have installed:

  • You’ll need to have Node >= 14.0.0 and npm >= 5.6 on your machine.

Optionally, in order to modify this project you should to have installed:

Setup

To clone this repository to your desired folder:

  • You can download the Zip file from the GitHub repository, or clone the repository with:
git clone https://github.com/elafildecolor/space-travelers-hub.git
  • Access the cloned directory with:
cd space-travelers-hub
  • Open it with your favorite code editor or with the live server

Install

To install run:

npm install

Usage

To run the project, execute the following command in the project directory:

npm run dev

Runs the app in the development mode.
Open http://127.0.0.1:5173/ 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

To run tests, run the following command:

  npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

Build

To build the project, run the following command:

  npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Deployment

You can read more about deployment in the following link:

Deploy a React application

(back to top)

👥 Authors

👤 Birhanu Gudisa

👤 Paul Sáenz Sucre

(back to top)

🔭 Future Features

Will implement these features in the future:

  • 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).

  • Enhance the My Profile section by adding the "Cancel reservation" and "Leave Mission" buttons to the lists here. Clicking them should dispatch the actions you have already used in the main Rockets and Missions sections.

  • 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.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

  • Hat tip to anyone whose code was used.
  • Thanks for all the curated content that was provided to us.
  • Thanks to my learning and coding partners for all their support.

(back to top)

📝 License

This project is MIT licensed.

(back to top)