https://github.com/jecode93/react-group-project
Space Travelers' Hub SPA displays a real live data of SpaceX rockets and missions.
https://github.com/jecode93/react-group-project
reactjs redux-toolkit
Last synced: 2 months ago
JSON representation
Space Travelers' Hub SPA displays a real live data of SpaceX rockets and missions.
- Host: GitHub
- URL: https://github.com/jecode93/react-group-project
- Owner: jecode93
- License: mit
- Created: 2023-08-28T14:57:44.000Z (almost 3 years ago)
- Default Branch: dev
- Last Pushed: 2024-06-16T16:41:10.000Z (about 2 years ago)
- Last Synced: 2024-06-16T18:39:32.472Z (about 2 years ago)
- Topics: reactjs, redux-toolkit
- Language: JavaScript
- Homepage: https://jecode93-space-travelers-hub.vercel.app/
- Size: 480 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Space Travelers' Hub
Space Travelers' Hub is a single-page application (SPA), where users can book rockets and join selected space missions of SpaceX. STH uses real live data from the SpaceX API. Built with React.
# 📗 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 tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)
**Space Travelers' Hub** SPA displays real live data of SpaceX rockets and missions.
Using this SPA users can:
- book SpaceX rockets
- join SpaceX space missions
SPA consists of Rockets, Missions, and the My Profile section:
- The Rockets section displays a list of all available SpaceX rockets. Users can book each rocket by clicking the reservation button or cancel the previously made booking.
- The Missions section displays a list of current missions along with their brief description and participation status. There is also a button next to each mission that allows users to join the selected mission or leave the mission the user joined earlier.
- The My Profile section displays all reserved rockets and space missions.
Client
Server
- **book SpaceX rockets, cancel the previously made booking**
- **join SpaceX space missions, leave the mission the user joined earlier**
- **View all reserved rockets and space missions**
- [Live demo](https://jecode93-space-travelers-hub.vercel.app)
To get a local copy up and running, follow these steps.
### Prerequisites
To run and modify this project you need:
- GitHub account;
- git installed on your OS;
- VSCode (or another code editor);
- modern browser (supporting HTML5 and CSS3) is highly recommended;
- [Node.js and npm](https://nodejs.org/) installed;
### Setup
Login to your GitHub account. Clone this repository to your desired folder:
> cd my-folder
> git clone https://github.com/jecode93/react-group-project.git
### Install
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
To install all dependencies run the following command:
> npm install
### Usage
You can use this project to:
- book SpaceX rockets
- join SpaceX space missions
You can also edit the code in your code editor and see the output:
To run the app in the development mode:
> npm start
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.
You may also see any linter errors in the console.
### Run tests
To launch the test runner in the interactive watch mode:
> npm test
Currently, there are no test scripts available, but the libraries(React Testing Library and Jest) are set up.
You can also check linter errors by running these commands:
> npx stylelint "**/*.{css,scss}"
> npx eslint "**/*.{js,jsx}"
### Deployment
To build the app for production to the `build` folder.
> npm run build
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
👤 **Jean Emmanuel Cadet**
- GitHub: [@jecode93](https://github.com/jecode93)
- LinkedIn: [jean-emmanuel-cadet](https://www.linkedin.com/in/jean-emmanuel-cadet/)
- Facebook: [@jecode93](https://www.facebook.com/jecode93)
- Instagram: [@jecode93](https://instagram.com/jecode93)
- Twitter: [@jecode93](https://twitter.com/jecode93)
👤 **Ikechukwu**
- GitHub: [@boniface193](https://github.com/boniface193)
- Twitter: [@bidtechnologies](https://twitter.com/bidtechnologies)
- LinkedIn: [boniface-ikechukwu](https://www.linkedin.com/in/boniface-ikechukwu/)
- [ ] the Dragons section;
- [ ] the Details modal to see more information about a particular Rocket/Mission/Dragon;
Contributions, issues, and feature requests are welcomed!
If you like this project just star it!
We would like to thank the Microverse program for the knowledge and skills we have acquired in Modules 1, 2, and 3.
We are grateful to all previous project reviewers for their advice. Thanks to them we could build this app.
- **Why there is no Dragons section in this project?**
- Dragons section is not required when the team has 3 members. Therefore we decided to exclude these sections from the project.
This project is [MIT](./LICENSE) licensed.