Space Travelers' Hub

React Group Capstone Project

📗 Table of Contents

• 📗 Table of Contents
• 📖 Music Tracks Website
  • How to build the "Music Track" website
• Responsive website
  • 🛠 Built With
    • Tech Stack
    • Tools
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
  • Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 Space Travelers' Hub

Introducing the Space Traveler's Hub, a cutting-edge React.js web application designed to provide an immersive experience for space enthusiasts. This innovative project harnesses the power of APIs to fetch real-time data, creating a dynamic and interactive platform.

The Space Traveler's Hub offers an array of features tailored to meet the needs of aspiring space explorers. Users can seamlessly navigate through a curated selection of rockets, each showcasing detailed information and captivating images. Leveraging the power of APIs, the application ensures that the data remains up to date and accurate.

How to build the "Space Mission" website

• 1. Use React.js.
• 2. Learn how to use proper ES6 syntax.
• 3. Use Redux.
• 4. Use React.js Hooks.
• 5. Implementation of External API

🛠 Walk through

• See the Project Requirement
• If required you should personalize the content of your page. Choose a topic that is different than the one in the original design

API REQUIREMENTS

• Rockets API Used

Missions API Used

🛠 Built With

feature-One

• Implementation of Basic Framework linters error free.
• Implementation of Kanban Board
• Implementation of Gitflow

feature-two

• Implementation of Create React App

feature-three

• We will create a Space Travelers' Hub for the visitor elaborating different options and type
• Choosing the API
• Choose text, icons, fonts.
• Set up the repository and tools has been done in feature-one, and feature-two

Tech Stack

Client Side / Front-End

• React.js
• CSS

Server Side / Back-End

• Render

Tools

Code Convention, Code Analysis

• ESLint
• Webhint
• Stylelint
• Lighthouse
• node_modules checker

Version Control, CI/CD, Hosting Service

• Render
• Github Actions
• Git

IDE, Desktop Apps, Other Tools

• Visual Studio Code
• Github Desktop

Key Features

• Reserve Rocket
• Unreserve Rocket
• Leave Mission
• Cancel Mission
• Button Interactions
• Attractive Images & Design
• Dynamic page (data is retrieved from JSON file)

(back to top)

🚀 Live Demo

Live Demo Link

💻 Getting Started

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

Prerequisites

In order to run this project you need:

• git version 2.38.x
• node.js version > 12.x
• IDE
• browser (chrome, firefox, edge, safari)

Setup

Clone this repository to your desired folder:

  cd my folder
  git clone git@github.com:tomdan-ai/Travalers-space-hub.git

Install

Install this project with:

  cd Travalers-space-hub
  node npm install

Usage

To run the project, execute the following command:

  Live server

Run tests

To run tests, run the following command: Run Github Actions Test

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

Deployment

This project is deployed at Render.com you can clone it here. [https://github.com/emmanuelsteven/spaceMission]

(back to top)

Authors

👤 Bezalell Barnet W

• GitHub: @BezzB

👤 Emmanuel Steven

• GitHub: @emmanuelsteven
• LinkedIn: emmanuelsteven

(back to top)

🔭 Future Features

• Dynamic content.
• Will add some background and beautification

🤝 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 give a star to this repositiory.

(back to top)

🙏 Acknowledgments

I would like to thank the Microverse full-stack curriculum for the inspiration and guidance.

(back to top)

📝 License

This project is under MIT licensed.

(back to top)