📗 Table of Contents

• 📗 Table of Contents
• 📖The SPACE TRAVELERS HUB
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Setup
    • Prerequisites
    • Install
    • Usage
    • Run Tests
    • Deployment
  • 👥 Authors
  • 🤝 Contributing
  • Future Features
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖The SPACE TRAVELERS HUB

The Space Travelers Hub is 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. 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. 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. The My Profile section displays all reserved rockets and space missions.

Head to the LIVE DEMO SECTION for Live links and presentations

🛠 Built With

Tech Stack

ES6

• ES6 stands for ECMAScript 6. ECMAScript was created to standardize JavaScript, and ES6 is the 6th version of ECMAScript, it was published in 2015, and is also known as ECMAScript 2015.

HTML

• HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content.

CSS

• CSS describes how elements should be rendered on screen, on paper, in speech, or on other media.

JavaScript

• JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions.

REACT

• Create React App is an officially supported way to create single-page React applications. It offers a modern build setup with no configuration.

Key Features

• Desktop Friendly: this website is responsive to desktop screen sizes.
• Simple and Attractive Design : the UI / UX is engaging and appealing.
• Functional : this website is accessible, easy to navigate, and helpful for users.

(back to top)

🚀 Live Demo

View the live demo of this project by clicking the text below.

• See Live Demo via Render

(back to top)

💻 Getting Started

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

Clone the repository

git clone https://github.com/geekelo/space-travelers-hub.git

And you are ready to begin your project

Setup

This project contains An HTML FILE (free to edit) - file that contains html codes to give structure to the main webpage A CSS FILE (free to edit) - file that contains css codes to style the webpage A GIT IGNORE FILE (free to edit) - to hide personal or private files HTML/CSS LINTER FILES (should not edit) - Do not make changes A JAVASCRIPT FILE (free to edit) - that handles functionalities and dynamic HTML

Prerequisites

You should have Node and Git Installed You should have basic knowledge on HTML / CSS / JavaScript You should have a code editor

Install

Download install VSCODE and Git To install linters, execute the following commands:

Initialize npm | ``` npminit -y ```
HTML | ``` npm install --save-dev hint@7.x ```
CSS | ```npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x  ```

Usage

To run the linters, execute the following command and fix linter errors:

HTML | ``` npx hint . ```
CSS | ```npx stylelint "**/*.{css,scss}" ```
If you get a flood of errors keep in mind that linters guide you in writing a clean code!

Run Tests

You can run this program on your browser

Deployment

You can deploy this project using the following procedure:

• Pick the right hosting provider.
• Choose the tool and method to upload your website.
• Upload files to your website.
• Move the website files to the main root folder.
• Import your database.
• Check if your website works worldwide.

(back to top)

👥 Authors

(back to top)

👤 Eloghene Otiede

• GitHub: @geekelo
• Twitter: @Geekelo_xyz
• LinkedIn: LinkedIn

👤 Ayodeji Sulaimon

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

(back to top)

(back to top)

🤝 Contributing

You can offer Contributions, submit an issue, and make a feature request.

Future Features

• Add pop up modals
• Add the contact form
• Add more content pages

⭐️ Show your support

Please give a ⭐️ to support this project

(back to top)

🙏 Acknowledgments

I would like to thank Microverse for inspiring this project Fonts: Google Fonts

(back to top)

📝 License

This project is MIT licensed.

(back to top)