/space-travelers-hub

In this task, we use the real live data from the SpaceX API. 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.

Primary LanguageJavaScriptOtherNOASSERTION

Space Travelers

📗 Table of Contents

📖 [Space Travelers] React Redux API ES6

Space Travelers Hub is a Single Page Application (SPA) designed to allow users to make rocket reservations, join space missions, and manage their personal profiles. The platform relies on real-time data provided by the SpaceX API, ensuring an up-to-date and thrilling experience for space enthusiasts.

🛠 Built With

Tech Stack

Client
  • Front-end: React, React Redux, React Router,JavaScript.
  • API Integration: SpaceX API for real-time data.
  • Version Control: GitHub with Gitflow.
  • Testing: React Testing Library, Jest.
  • Build Tool: Create React App.

Key Features

  • Rockets

    The Rockets section displays a comprehensive list of available SpaceX rockets. Each rocket is presented with its name, detailed description, and a representative image. Users can make rocket reservations by clicking the respective button. Additionally, if they have previously made a reservation, they can cancel it to free up the rocket's availability.

  • Missions

    The Missions section provides a comprehensive view of current space missions. Next to each mission, a brief description and participation status are displayed. Users have the option to join a specific mission or leave a mission they have previously joined. This allows users to stay informed about exciting space exploration opportunities and be active participants in them.

  • My Profile

    In the My Profile section, users can access a personalized list of rocket reservations they have made and missions they have joined. This provides a quick overview of the space activities they are involved in and allows them to efficiently manage their reservations and participations.

(back to top)

💻 Getting Started

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

  • Clone this repo as described in the setup section.
  • Make modifications as preferred

Prerequisites

In order to run this project you need: To clone or fork and run it in a browser

Setup

Clone this repository to your desired folder:

Example commands:

  cd my-folder
  git clone git@github.com:hafiz1379/space-travelers-hub.git

using Ubuntu:

  cd my-desired-folder
  git clone git@github.com:hafiz1379/space-travelers-hub.git

Install

  • Install dependencies by running:
cd space-travelers-hub
npm install
  • To run the project, execute the following command:
npm start

  • To run the project, execute the following command:

  • Run

npm start

Run tests

To run tests, run the following command:

  • to test CSS linter errors npx stylelint "**/*.{css,scss}"

  • to test JavaScript linter errors npx eslint .

  • to run the jest tests npm test

(back to top)

👥 Author

👤 Hafizullah Rasa

👤 Javier Aybar

🔭 Future Features

  • User Profiles and Data Storage: Allow users to create accounts, customize profiles, store their booking history, mission participations, and personal preferences.

  • Immersive Interactive UI: Create an immersive user interface that combines real-time updates with interactive elements. Utilize animations, dynamic transitions, and user-friendly interfaces to make users feel connected to the space exploration experience.

(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

  • Thanks to all Microverse community

(back to top)

📝 License

This project is MIT licensed.

(back to top)