Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ghostesso/spacetravelershub

Space Travelers' Hub is a web application that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions.
https://github.com/ghostesso/spacetravelershub

bootstrap css react redux redux-toolkit

Last synced: about 1 month ago
JSON representation

Space Travelers' Hub is a web application that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions.

Awesome Lists containing this project

README

        

Space Travelers' Hub

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run Linters](#run-linters)
- [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 A Space Travelers' Hub project built with React

A Space Travelers' Hub Porject developed with React, gitflow, githubflow, and Bootstrap. In addition, we added Linters for Css and Javascript.

## 🛠 Built With

1-HTML
2-CSS
3-BOOTSTRAP
4-JS
5-React

### Tech Stack

Client

### Key Features

- Add React and booststrap.
- Add Redux-toolkit.
- Add Rocket Page.
- Add Mission Page.
- Add RocketSlice.js.
- Add MissionSlice.js.
- Add MissionSlice.js.
- Add Fetch Rocket data from server.
- Add Fetch Mission data from server.
- Add Linters.

(back to top)

## 🚀 Live Demo

[Live Demo Link](https://space-travelers-qg24.onrender.com/)

## 🚀 Live Recording

## 💻 Getting Started

### Prerequisites

1-Web Browser
2-Code Editor
3-Git

### Setup

Clone this repository to your desired folder:

Run this Command:

```sh
cd my-folder
git clone https://github.com/GhostEsso/SpaceTravelersHub
```

### Install

First you need to install the node package files
Run this command:

```sh
cd SpaceTravelersHub
npm install
```

### Usage

- In order to use this project you either create branch to add more features.
- But in order to run the project run npm start
- Run npm run build when you're done.

### 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 in html and css you can use below commands

- in order to run the linter test on index.html:

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

```sh
npx eslint "**/*.{js,jsx}"
```

### Deployment

- You can easily use github pages, netlify or vercel to deploy your project
Useful link about Github Pages
Step by Step guide to deploy using netlify
Step by Step guide to deploy using vercel

(back to top)

## 👥 Authors

👤 Sodeeq Awoyemi

- GitHub: [@githubhandle](https://github.com/Errytagedesign)
- Twitter: [@twitterhandle](https://twitter.com/errytage)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/errytagedesigns/)

👤 **Essohanam TAMBANA**

- GitHub: [@GhostEsso](https://github.com/GhostEsso)
- Twitter: [@TambanaEssohanam](https://twitter.com/TambanaEssohana)
- LinkedIn: [@TambanaEssohanam](https://www.linkedin.com/in/essohanam-tambana-62aa081a1/)

(back to top)

## 🔭 Future Features

- [ ] Add Profile page

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)

## ⭐️ Show your support

If you like this project just give it a star -

(back to top)

## 🙏 Acknowledgments

I would like to thank Microverse.

(back to top)

## 📝 License

This project is [MIT](./LICENSE) licensed.

(back to top)