Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mre55/space-travelers-hub

Welcome to Space Traveler's HUB, this web app allows the user to take a fictional tour across the space. The user can choose a rocket from our catalog interface, and reserve it. Also, the user can see recent special missions and join them. Finally, the user will be able to keep track of all your rockets and mission they are subscribed to. Build with React, Redux, React-router, and Railwindcss.
https://github.com/mre55/space-travelers-hub

react react-router redux tailwindcss webpack

Last synced: 2 months ago
JSON representation

Welcome to Space Traveler's HUB, this web app allows the user to take a fictional tour across the space. The user can choose a rocket from our catalog interface, and reserve it. Also, the user can see recent special missions and join them. Finally, the user will be able to keep track of all your rockets and mission they are subscribed to. Build with React, Redux, React-router, and Railwindcss.

Awesome Lists containing this project

README 

        
# Space Traveler's HUB



Welcome to Space Traveler's HUB, in this web app you will be able to take a fictional tour across space.



- You can choose a rocket from our catalog interface, and reserve it for you.

- Also, you can see the information about the most famous recent special missions and join them.

- Finally, in the MyProfile interface you will be able to keep track of all your rockets and mission you are subscribed to.



![responsive-design](./screenshots/space-travelers-hub-preview.png)



### 🖥️ Desktop version



#### This is the home page, where you can see and interact with the available rockets



![homepage-screen](./screenshots/rockets-desktop.png)



#### This is the missions page, where you can join and read about the available missions



![mission-screen](./screenshots/missions-desktop.png)



####  Finally, this interface will help you to keep track of the rockets and mission you joined



![myProfile-screen](./screenshots/myProfile-desktop.png)



### 📱 Mobile version



Here you can take a look at the different pages for the mobile version



#### Home Page



homepage-screen



#### Missions Page



missions-screen



#### My Profile Page



myProfile-screen



## ✅ Learning objectives



- Fetch data from a public API

- Implement state management with react-redux

- Render fetched data on screen

- Implement a profile interface with user reserved missions and rockets



## 🧩 Built With



- React.js

- React-router

- Redux

- TailwindCSS

- Webpack



## 📚 Getting Started



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



### Prerequisites



For this project you don't need aditional tools



### Setup



Fork a copy to your repository



### Install



Clone the repository on your local enviroment and run `npm i` on your terminal



### Usage



To start the dev server just run `npm start`.

You can work in your favorite Code Editor



## 💻📱 Live Preview



If you want to see a live demo of this project, [click here](https://react-space-travelers-hub.herokuapp.com/)



## Authors



👤 **Mihreteab Misganaw Aride**



- GitHub: [@Mre55](https://github.com/Mre55)

- Twitter: [@MreMisganaw](https://twitter.com/MreMisganaw)

- LinkedIn: [@Mihreteab-Aride](https://www.linkedin.com/in/mihreteabaride/)



👤 **William Morales**



- GitHub: [@williamrolando88](https://github.com/williamrolando88)

- Twitter: [@WillyMorales93](https://twitter.com/WillyMorales93)

- LinkedIn: [William Morales](https://www.linkedin.com/in/william-morales-palma/)



## 🤝 Contributing



Contributions, issues, and feature requests are welcome!



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



## 👏 Show your support



Give a ⭐️ if you like this project!



## 📝 License



[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)



Copyright (c) 2022 William Morales, Mihreteab Misganaw



Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:



The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.



THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NON-INFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT, OR OTHERWISE, ARISING FROM, OUT OF, OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.