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.

OTHER License

Stars

5

Committers

View Code on GitHub

Ecosystems: Bootstrap, CSS, React, Redux, JavaScript

Table of Contents

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

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.

Live Demo

Live Recording

Getting Started

Prerequisites

1-Web Browser 2-Code Editor 3-Git

Setup

Clone this repository to your desired folder:

Run this Command:

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

Install

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

  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:

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

 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

Authors

Sodeeq Awoyemi

GitHub: @githubhandle
Twitter: @twitterhandle
LinkedIn: LinkedIn

Essohanam TAMBANA

GitHub: @GhostEsso
Twitter: @TambanaEssohanam
LinkedIn: @TambanaEssohanam

Future Features

Add Profile page

Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

If you like this project just give it a star -

Acknowledgments

I would like to thank Microverse.

License

This project is MIT licensed.

Related Projects

todoList-PeerCodeReview

This web app allows users to add and/or remove activities to/from the tasks to be done each day. ...

space-travelers

Website that allows users to reserve and book their favorite rockets, missions and dragons spaces...

react_space_travelers

React app fetching space-x api's.

SpaceTravelersHub

In this task, we worked with the real live data from the SpaceX API. Our task was to build a web ...

Space-Travelers-Hub

This is a React WebApp with the real live data from the SpaceX API. The application will allow us...

SpaceX-Group-Project

Space X project is a group react-redux project that use space x API to display a list of rockets ...

TodoList-webpack-ES6

In this project, a simple HTML list of To Do tasks is built with html, CSS and javaScript. The li...

react-space-travellers-hub

This project is a web application for a company that provides commercial and scientific space tra...

space-traveller-s-hub

Space-traveller-s-hub provides commercial and scientific space travel services with the real live...

space-travelers-hub

space-travel

It's a page that consumes the SpaceX API in order to show a list of rockets and missions. It is a...

Space-Travelers-Hub

Space Travelers' Hub is a web application for a company that provides commercial and scientific s...

Space-Travelers-Hub

Space Traverlers Hub is a web app that works with the real live data from the SpaceX API. The app...

space-travelers-hub

Space-travelers-hub

A web application that allow users to book rockets and join selected space missions.