Space Hub

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)
• 📝 License

📖 [Space Hub]

Space Travelers' Hub consists of Rockets, Missions, and the My Profile section.

Rockets

• The Rockets section displays a list of all available SpaceX rockets. Users can book each rocket by clicking the reservation button or cancel the previously made booking.

Missions

• The Missions section displays a list of current missions along with their brief description and participation status. There is also a button next to each mission that allows users to join the selected mission or leave the mission the user joined earlier.

My Profile

• The My Profile section displays all reserved rockets and space missions.

🛠 Built With

Tech Stack

Client

• React
• Redux
• JS

Server

• React

Database

• SpaceX API

Key Features

• [Setup a new React application using Create React App]
• [Create a directory for your reusable components: /components.]
• [Use React Router.]
• [Create routes and view components: rockets, missions, my profile.]
• [Remove a selected book]
• [Add reducers and actions]
• [Use Redux in React components]
• [Connect to SpaceX API.]
• [Render UI:lists: Use useSelector() Redux Hook to select the state slices and render lists of rockets and missions in corresponding routes.]
• [Redux: Write actions and reducers for booking rockets/dragons and joining missions]
• [Redux: Write actions and reducers for canceling rockets/dragons and leaving missions]
• [Render UI: conditional components rendering]
• [Render UI: My Profile section]
• [Technical set up
  • Set up the repository on GitHub and use Gitflow.
  • Set up React and Redux.
  • Set up testing libraries(React Testing Library and Jest).
  • Do not preserve user data.]**

(back to top)

🚀 Live Demo

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

• GitBash installed on your OS
• Visual Studio Code or a reliable code editor

Setup

Clone this repository to your desired folder:

Example commands:

  cd space-hub
  git clone git@github.com:evillaz/space-hub.git

Install

Run this command:

Example command:

  cd space-hub
  npm install

Usage

Run this command:

Example command:

  cd space-hub
  npm start

Run tests

Example command:

  cd space-hub
  npm test
  a ( to run all tests)

Deployment

You can deploy this project using:

Visual studio code, another realiable code editor or a Web browser

(back to top)

👥 Authors

👤 Eduardo Villarreal

• GitHub: @evillaz
• Twitter: @evillazz
• LinkedIn: LinkedIn

👤 Okpah Igbo

• GitHub: @david30-maker
• Twitter: @davidigbo1
• LinkedIn: david-igbo-464196184/

🔭 Future Features

• [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. NOTE - you need to get that extra Wikipedia URL from the API's payload.]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project don't doubt on make any comments or try to reach me out.

(back to top)

🙏 Acknowledgments

I would like to thank microverse for the opportunity on working each other as colleagues and the learning opportunities it brings us.

(back to top)

❓ FAQ (OPTIONAL)

• Did you find hard to create this project?

  • I tried my best and follow the guidelines to create this project. I got hard times on some of the workflow but i think i just have to keep learning everyday and give my best try every time.

• What was your thinking process to solve the requirements?

  • First i tried to address each one of the requirements and solve them individually to keep integrating them as i was progressing.

(back to top)

📝 License

This project is MIT licensed.

(back to top)