The Space Traveler's Hub is an application where users can check out availble space rockets and book them or cancel the previously made booking. Also users can find a list of current missions along with their brief description and can join the selected mission or leave the mission the user joined earlier.

Related tags

Learning resource Space-Travelers-Hub
Overview

Space-Travelers-Hub

The Space Traveler's Hub is an application where users can check out available space rockets and book them or cancel the previously made booking. Also, users can find a list of current missions along with their brief description and can join the selected mission or leave the mission the user joined earlier.

Built With


React Badge

Redux

HTML Badge

CSS Badge

JavaScript Badge

Jest Badge




Getting Started with Create React App and Redux


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

  • Clone this repo to your computer using git. Or

  • Download the compressed zip folder and use a decompressor to unzip it into your computer. Then open the folder and all the project files will be there.

  • then instal npm with "npm install" in your terminal and then use "npm start" to open the application on your browser or use "npm test" to check the available test.



Authors

👤 Tiago Lelinski Marin


👤 Andy Menutti



🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.



Show your support

Give a ⭐️ if you like this project!



Acknowledgments



📝 License

This project is MIT licensed.

Comments
  • Missions page

    Missions page

    I have displayed a List Render, connecting to an API, with all the descriptions, titles & statuses on every mission. Implemented 2 actions ( Join & leave) and switch badges for every component. To give an approach to the style of the page I have installed and used React-Bootstrap.

    Any suggestions are welcome!

    opened by andym80 2
  • Add tests

    Add tests

    I pass a test with Jest into the Missions.test.js component file that gives us a snapshot file too. Testing a good display of the component in this case.

    opened by andym80 0
  • add tests to Rockets page components

    add tests to Rockets page components

    In this pull request I added tests to check for future changes on the components related to the rockets page. The test were made using Jest and the components have to match the snapshot of current stage.

    opened by tiagomarin 0
  • Rockets page - Complete

    Rockets page - Complete

    In this pull request I'm adding the Complete Rockets Page. In this page the user find a list of rockets with their picture, name , description and also a button that the user can book (reserve) a rocket.

    Functionalities:

    • When the user clicks on the "reserve rocket" button, a badge is displayed below the name of the rocket and the button changes styles and becomes "cancel reservation".
    • When the "cancel reservation" button is clicked, the badge disapears and the button comes back to the original "reserve rocket"
    opened by tiagomarin 0
  • setup react-app-redux & add Navbar with links & empty files for struc…

    setup react-app-redux & add Navbar with links & empty files for struc…

    In this pull request I added the basic setup to start working with the project, also the navbar with the basic funcionality to click on the links and go to specific page.

    Now we can start working on each part of the project separetedly.

    opened by tiagomarin 0
  • Add Space Travelers v1.0

    Add Space Travelers v1.0

    In this pull request, we are consolidating the first version of the application. In the application, you can see a list of Rockets and Missions (on another page available by clicking on the link at the top of the page). The user can reserve a rocket to join a mission by clicking on the corresponding buttons, and a badge will be shown or updated on the screen. Also, the user has a My Profile section/page where it's possible to see all missions joined or rockets reserved.

    opened by tiagomarin 0
  • https://github.com/tiagomarin/Space-Travelers-Hub/projects/1

    https://github.com/tiagomarin/Space-Travelers-Hub/projects/1

    link to project

    My partner changed timezone and I'm alone for this week. I've already contacted Studend Success but they haven't answered me yet, it all happened today!

    opened by tiagomarin 3
  • [1pt] Create basic structure for Missions - Setup

    [1pt] Create basic structure for Missions - Setup

    • Create a route and a view component. Use <NavLink /> for the page navigation links and style active class to indicate which section/page the user is currently on (underline active navigation link).
    • Create a directory for all Redux state slice files.
    opened by tiagomarin 0
  • Team3 [1pt] Create basic structure for Dragons - Setup

    Team3 [1pt] Create basic structure for Dragons - Setup

    • Create a route and a view component. Use <NavLink /> for the page navigation links and style active class to indicate which section/page the user is currently on (underline active navigation link).
    • Create a directory for all Redux state slice files.
    opened by tiagomarin 0
  • [4pt] Fetch rockets - Fetch data

    [4pt] Fetch rockets - Fetch data

    Fetch data from the Rockets endpoint (https://api.spacexdata.com/v3/rockets) when the application starts (as Rockets is the default view).

    Once the data are fetched, dispatch an action to store the selected data in Redux store:

    • id
    • name
    • type
    • flickr_images

    NOTE: Make sure you only dispatch those actions once and do not add data to store on every re-render (i.e. when changing views / using navigation).

    opened by tiagomarin 0
Owner
Tiago Lelinski Marin
Full-stack Dev || Ruby on Rails, React, Tailwind SCSS || JavaScript lover || hobby - music || problem solving enthusiast || great communicator || love nature
Tiago Lelinski Marin
GitHub
The Space Travelers' Hub consists of Rockets, Missions, and the My Profile section. We worked with the real-live data from the SpaceX API in this project. And build a web application for a company that provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

Space Travelers Hub The Space Travelers' Hub consists of Rockets, Missions, and the My Profile section. We worked with the real-live data from the Spa

Ahmad Zamir Yousufi 3 Jun 28, 2022
Space Travelers' Hub - a web application that facilitates booking rockets and join selected space missions

This is a web application that facilitates booking rockets and join selected space missions. It is built for a company that offers both commercial and scientific space travel services. The application also works with real live data from the SpaceX API.

Mong'are 6 Mar 29, 2022
"Space-Travelers-Hub" is a website that allows users to book rockets and join selected space missions by using data from the SpaceX API.

Space-Travelers-Hub This project was bootstrapped with Create React App. Description "Space-Travelers-Hub" is a website that allows users to book rock

Tresor Sawasawa 4 Mar 13, 2022
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.

Space Travelers A web application for a company that provides commercial and scientific space travel services. The application will allow users to boo

Hector Torres 2 Apr 6, 2022
This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

space-hub About Project "Space Traveler's Hub" is A web application that provides commercial and scientific space travelling services, We are working

Nicholas Emmanuel 7 Nov 2, 2022
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.

Space Travelers' Hub In this project, we have worked with the real live data from the SpaceX API. Our task was to build a web application for a compan

Apuabi Titilope 4 Oct 31, 2022
This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

Space Traveler's Hub This web application provides commercial and scientific space travel services. The application allows users to book rockets and j

Michael Mesfin 6 Oct 4, 2022
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 In this project we built a web application that consumes an SpaceX API. It provides commercial and scientific space travel servic

Diego Yon 7 Sep 30, 2022
A Web application that showcases Rockets and Missions from the SpaceX API, you can reserve Rockets and join Missions to your profile.

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

David Vergaray 9 Apr 17, 2022
The to-do list project is an app that allows users to successfully organize their day by inputting prioritized tasks. The project also allows users to carry out the CRUD operations for (add, edit and delete). Two special features of the app are that it saves tasks in the local storage of the user's browser, so when the user reloads or revisits the app, the user can view a list of tasks formerly inputted, and it allows users to prioritize their tasks by dragging up and down the list section.

TO-DO-LIST This is a To Do List Project that dynamically displays tasks to be done with interactions for removing and adding task when completed or no

Francis Ugorji 9 Nov 1, 2021
The Awesome estate web application displays a list of apartments that were provided by local data. The users can check out the featured and recent apartments. Also, the user can click the house to get the details of the selected house.

Awesome Estate The Awesome estate web application displays a list of apartments that were provided by local data. The users can check out the featured

Elizabeth Oyinlade Ojesanmi 10 Sep 14, 2022
A single-page application that allows users to keep track of their books. Users can add the book details (book title and author) and also, and the books can also be removed. Built with JavaScript, HTML, and CSS

Project Name Awesome book with ES6 Description the project. This is a single page application that allows users to keep track of their books. Users ca

Micheal Oguntayo 4 Oct 13, 2022
This project entails a To-do-List whereby a user can input the tasks they want to do, check the tasks done and also clear all tasks when all of them are completed. It is efficient for a user who want to manage their time and keep track of their day.

Screenshot Here is a screenshot for the project. To-Do-List Project This is a Microverse project that entails a to-do-list which one is able to add an

Grayce Muthui 8 Jun 16, 2022
This is a single page web application that keeps tracks of books. Book details captured are the book title, author and ISBN. User can add a book, view a list of books and also remove any un wanted books.

Project Name This is a single page web application that keeps tracks of books. Book details captured are the book title, author and ISBN. User can add

Olivier 6 Nov 20, 2022
This application allows you to book missions and rockets with Elon Musk's company, SpaceX

Space Traveler's Hub This is an application built to book missions and rockets from SpaceX You can both join and leave missions, reserve and cancel re

Santiago Velosa 4 Jun 13, 2022
"Space Travelers' Hub" This project will lay foundations for your understanding the new features for Redux, using slice reducer and API requires with createAsyncThunk

Space Travelers' Hub Space Travelers' Hub React - Redux "Space Travelers' Hub" This project will lay foundations for your understand new features for

Hendrid Gonzalez 5 Mar 6, 2022
The Bookstore is a website where the user can display a list of books, add a book by providing a title, an author, and selecting from the categories, and remove a selected book.

Bookstore The Book Store is a website where the user can display a list of books, add a book and remove a selected book. Microverse's Bookstore API wa

Virag Kormoczy 9 Jan 1, 2023
AweSome Book App displays the book details entered by user and saves the information in Local storage. User can add and remove a book title/author to the library and from the library.

Awesome Book App with ES6 Used npm init -y command to create package.json file. Created the entry point for the JavaScript code called index.js Create

Krishna Prasad Acharya 8 Aug 15, 2022
The Bookstore is a website that allows the user to :display a list of books , Add a book and remove a selected book.

Book Store The Bookstore is a website that allows the user to : -Display a list of books. -Add a book. -Remove a selected book. Built With ?? Basic CS

Nedjwa Bouraiou 4 Sep 6, 2022