A Web application that showcases Rockets and Missions from the SpaceX API, you can reserve Rockets and join Missions to your profile.

Last update: Apr 17, 2022

Overview

Space Travelers' Hub

Project that showcases Rockets and missions from the SpaceX API, the user can reserve Rockets and join Missions, and save them in his profile.

Built With

JavaScript, CSS
React, Redux
Webpack

Live Demo

Check the live demo for this project here.

Getting Started

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

Prerequisites

You need to be able to use Node Package Manager, or also called, the npm command. If you dont have it, install it with these commands in the CLI (for Linux):

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -

sudo apt install nodejs

Then, run this command in the CLI:

npm --version

If the previous command prints a single line with a version number on screen, npm was installed.

Install

First you need to clone the repository into the folder of your choice with this command:

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

Then go inside the repository foler with this command:

cd space-travelers-hub

After you are inside, download the npm dependecies with this command:

npm install

Finally, show the project through the browser with this command:

npm start

Usage

Once in the browser, you will see the Rockets page, in it you can click on the Reserve Rocket button to reserve a rocket, once a rocket is reserved, you can click on the Cancel Reservation button to cancel the reservation of the selected rocket.
Once you click on missions in the header you will be in the Missions page, in it you can click on the Join Mission button to join a mission,then you can click on the Leave Mission button to leave joined mission.
If you click on My Profile in the header you will be in your Profile page, there you will se the Rockets that you have reserved and the missions that you have joined.

Author

👤 David Vergaray

GitHub: @Yothu
Twiter: @Daivhy
LinkedIn: David Vergaray

📝 License

This project is MIT licensed.

Show your support

Give a ⭐️ if you like this project!

Comments

React and Redux project
Description

Create a web application that provides commercial and scientific space travel services from the SpaceX API. The application will allow users to book rockets and join selected space missions.

Requirements

[x] Use ES6 syntax.

[x] Use ES6 modules.

[x] Use React and Redux.

[x] Follow GitFlow.

[x] Use the logo image in the app.

[x] Create Profile, Rockets, and Missions pages and route them.

[x] Fetch Rockets and Missions data from SpaceX API.

[x] Display a list of Rockets and Missions on their own pages.

[x] Display a list of Reserved Rockets and Joined Missions on the Profile page.

[x] Dispatch actions to store the selected data in the Redux store.

[x] No linters errors.

[x] Implement conditional components in the Rocket Reservation button.

[x] Display a reserved badge for Reserved Rockets.

[x] Implement conditional components in the Mission Joining button.

[x] Filter reserved Rockets and Mission.

Check the instructions for this project here.

Usage

Check the usage of this project in the README.md file!
opened by Yothu 1
Add missions to project
Description

Added the Missions page and functionalities that my coding partner was supposed to do.

Changes

Created Missions component.

Added NavLink to Missions Component.

Created Missions component Redux directory.

Added function to fetch the MIssions data.

Added ListMissions action.

Added Missions reducer.

Added hooks effect to Missions component.

Added Mission component render in Missions component.

Updated configureStore.js file.

Updated Redux store.

Add Mission component structure.

Basic styling of Mission component.

Added Join Mission action.

Added Join Mission operation in the reducer.

Added Join Mission UI button.

Added deploy of Join Mission action when pressing the Join Mission button.

Added Leave Mission action.

Added Leave Mission operation in the reducer.

Added Leave Mission UI button.

Added deployment of Leave Mission action when pressing the Leave Mission Button.

Added conditional rendering to the Join and Leave button.

Updated the Profile page

Updated Headers' links' styling.

Filtered Missions based on if they are joined or not.

Display joined Missions on the Profile page.

Issues

#20

#18

#15

#10

#9

#6

#2

enhancement
opened by Yothu 1
Add my profile page with reserved Rockets
Description

Add the profile page, filter the reserved rockets and display them on it.

Issues

This pull request was made based on the instructions in these Issues:

#3

#22

Changes

Created the Profile page

Updated Headers' links' styling.

Filtered Rockets based on if they are reserved or not.

Display reserved Rockets on the Profile page.

enhancement
opened by Yothu 0
Add conditional rendering
Description

Add conditional rendering on the Reserve and Cancel button depending on whether the rocket is reserved or not.

Requirements

Check the requirements for this pull request here:

#5

Changes

Added conditional rendering to the Reserve and Cancel button.

enhancement
opened by Yothu 0
Add rocket booking cancelation
Description

Remove the reserved status of a Rocket when pressing the Cancel Reservation button.

Requirements

Check the requirements for this pull request here:

#8

Changes

Added Cancel Reservation action.

Added Cancel Reservation operation in the reducer.

Added Cancel Reservation UI button.

Added deployment of Cancel Reservation action when pressing the Cancel Reservation Button.

enhancement
opened by Yothu 0
Add rocket booking
Description

Add a reserved attribute to the Rockets when clicking the Reserve Rocket button.

Requirements

Check the requirements for this pull request here:

#12

Changes

Added Reserve Rocket action.

Added Reserve Rocket operation in the reducer.

Added Reserve Rocket UI button.

Added deploy of Reserve Rocket action when pressing the Reserve Button.

enhancement
opened by Yothu 0
Display rockets
Description

Added display of Rockets on Rockets page.

Requirements

Check the requirements for this pull request here:

#13

Changes

Add Rocket component structure.

Basic styling of Rocket component.

enhancement
opened by Yothu 0
Fetch rocket data
Description

Fetch Rockets from Rockets API, configure Rockets redux functions.

Requirements

Requirements for this pull request can be seen in this issue:

#17

Changes

Added function to fetch the Rockets data.

Added ListRockets action.

Added Rockets reducer.

Added hooks effect to Rockets component.

Added Rocket component render in Rockets component.

Created configureStore.js file.

Configured Redux store.

enhancement
opened by Yothu 0
Create rocket structure
Description

Set up the Rocket component so it is ready for development.

Changes

Created Rockets component.

Added NavLink to Rockets Component.

Created Rockets component Redux directory.

The issue that created this pull request:

#21

enhancement
opened by Yothu 0
Add header with empty nav
Description

Add a header component without navigation to the project, for now.

Changes

Created Header component.

Lighttly styled the Header component.

Added Page logo.

The issue for this pull request:

#23

enhancement
opened by Yothu 0
Setup and dependencies
Description

Initial setup and dependencies configuration for the React & Redux group project - Space Travelers' Hub.

Issue of this pull request:

#24

Setup
opened by Yothu 0

A Web application that showcases Rockets and Missions from the SpaceX API, you can reserve Rockets and join Missions to your profile.

Related tags

Overview

Space Travelers' Hub

Built With

Live Demo

Getting Started

Prerequisites

Install

Usage

Author

📝 License

Show your support

Comments

Description

Requirements

Usage

Description

Changes

Issues

Description

Issues

Changes

Description

Requirements

Changes

Description

Requirements

Changes

Description

Requirements

Changes

Description

Requirements

Changes

Description

Requirements

Changes

Description

Changes

Description

Changes

Description

Owner

David Vergaray

In this project we built a web application that consumes an SpaceX API. It provides commercial and scientific space travel services that allows users to book rockets and join selected space missions.

"Space-Travelers-Hub" is a website that allows users to book rockets and join selected space missions by using data from the SpaceX API.

This application allows you to book missions and rockets with Elon Musk's company, SpaceX

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.

This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

This a web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets, dragons and join selected space missions.

This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

Space Travelers' Hub - a web application that facilitates booking rockets and join selected space missions

🎨 Beautify your github profile with this amazing tool, creating the readme your way in a simple and fast way 🚀 The best profile readme generator you will find ⚡

This site compares your GitHub Profile to your friends, and analyses and tells your GitHub profile score too.

A public board for all the Computer Society and Students to display their profile. An online year-book for you to display your profile in the most creative manner

Space-x is a web application the is working with the real live data from the SpaceX API

This is a web app built to reserve hotel rooms all around the globe.

💪 Reserve machine/rack/bench usage at a gym to minimize waiting times.

This Application provides basic authentication features like you can register and create account and then login and access your profile.

A social network where you can share posts, view your profile metrics and follow other users.

This is a simple web application of a To-do List in which you can add, remove and edit all your tasks and also you can mark each task as completed and delete all completed ones.