User Interface

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run Linters
• Screenshot
• 👥 Authors
• 🔭 Future Features
• 🤝 Contribute
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

🧑‍💻 Space Travelers Hub

** Space Traveler Hub is an innovative mobile application designed to make space travel more accessible and user friendly than ever before. The app allows users to book flights on a variety of spacecraft, access information on space-related events and activities, and even learn the basics of space travel.**

🛠 Built With

Tech Stack

Technologies

• HTML
• SASS/SCSS
• JavaScript

Key Features

Anyone can see my latest projects that I created and know more about me.

(back to top)

🚀 Live Demo

Link to your deployed project.

• See Project 🚀

(back to top)

💻 Getting Started

In order to start with this project do as follows :

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

Prerequisites

• Good Knowlege on HTML and CSS (Semantics,Box-Model, Background style and Image Tag, Flexbox, Grid and Media Query)

• Install Node.js, Npm Copy the linters from https://github.com/microverseinc/linters-config/tree/master/html-css

• Please install the HTML, CSS and Lighthouse linters using Node Package Manager by typing below commands

  • npm install -g @lhci/cli@0.7.x (For LightHouse linter)
  • npm install --save-dev hint@7.x [ -f .hintrc ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.hintrc (For HTML linter)
  • npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x [ -f .stylelintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.stylelintrc.json

Setup

• use "git clone https://github.com/muskan2532150/Space-Travelers-Hub.git"
  • cd Space-Travelers-Hub

Run Linters

I have added the linters or tests in order to avoid anykind of typos and ensure the good practices in this project. So while using this repository if you need to check your work no matters have worked on html, css and js you can use below commands

• In order to run the linter test on index.html or any html file. Use below command

  npx hint .

• To run linter test on stylesheets. Use below command

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

• To run linter test on javascript files. Use below command

  npx eslint .

it will automatically correct the errors

(back to top)

👥 Authors

👤 Muskan Gupta

• GitHub: Muskan Gupta
• Twitter: Muskan Gupta
• Linkedin: Muskan Gupta

👤 Kibirige John

• Github: John-Kibrige
• Twitter: kibirigejohn005
• LinkedIn: Kibirige John

(back to top)

🔭 Future Features

In upcoming weeks I will add some features as mentioned below

• Add full features like sign-up, sign-in and API

(back to top)

🤝 Contribute

(back to top)

⭐️ Show your support

Write a message to encourage readers to support your project

If you like this project then please give a ⭐️ and also share your feedback using github_issues.

(back to top)

Acknowledgments

• Space-Travelers-Hub

(back to top)

📝 License

This project is MIT licensed.

(back to top)