Space Traveler's Hub

📗 Table of Contents

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

📖 Space Travelers' Hub

This SPA(Single Page Application) is created using real live data from the SpaceX API. 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. The Space Travelers' Hub consists of Rockets, Missions, and the My Profile section.

Built With

• React.js
• Redux Toolkit
• VSCode and GitHub
• SpaceX API endpoints:
  • Rockets: https://api.spacexdata.com/v4/rockets
  • Missions: https://api.spacexdata.com/v3/missions

Tech Stack

Client

• React to create the UI.
• Redux Toolkit to manage state.
• Tailwindcss to apply awesome styles.

Server

• SpaceX Missions API
• SpaceX Rockets API

Database

• N/A

(back to top)

Key Features

• [Git Flow]
• [React Router]
• [Unit tests with React Testing Library]

(back to top)

Live Demo

Live Demo Link

💻 Getting Started

Clone this repository to get started with the project, make sure to configure linters by following the instructions in the Linters README file

Prerequisites

In order to run this project you need:

• A working computer.
• Connection to internet.
• npm and Node.js installed, if you don't have them, please follow this simple installation guide.

Setup

• Clone the folder to your local machine.
• Open a local copy of the project in your code editor.

(back to top)

Usage

• To run the project, execute the following command:

  • npm start in your terminal.

• To run test functions, execute the following command:

  • npm test in your terminal.

(back to top)

Run tests

• After pushing the changes on github, merge your pull request and let github action process changes and fix errors, if any.
  • For stylelint errors run:npx stylelint "**/*.{css,scss}" --fix for automatic fix.
  • For ESLINT errors run:npx eslint "**/*.{js,jsx}" --fix for automatic fix.

(back to top)

👥 Authors

👤 Ashmal Zahra

• GitHub: @ashmalzahra
• Twitter: @AshmalZahraa
• LinkedIn: ashmal-zahra

👤 Emmanuel Balikuddembe

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• Advanced styling
• Animations

🤝 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

I would like to thank Microverse for the information provided to build this project.

(back to top)

❓ FAQ (OPTIONAL)

• Can I use the project for any purpose?

  • Yes, you can.

• Is the information saved in any database?

  • No, all data is saved in Local Storage.

(back to top)

📝 License

This project is MIT licensed.

(back to top)