This is a React WebApp with the real live data from the SpaceX API. The application will allow users to book rockets and join selected space missions.
-
HTML
-
CSS
-
Javascript
-
React JS
-
Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).
-
Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).
-
ESlint (is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code, with the goal of making code more consistent and avoiding bugs).
- The users are able to make reservations on rockets and also join missions
Please use the following link to access the website:
To get a local copy up and running, follow these steps.
- Have a local version control like Git. Which is a open source distributed version control system designed for source code management
- A text editor (e.g Visual Studio Code, Vim, Atom & Sublime.)
- A web browser (e.g Chrome, Safari, Mozilla Firefox.)
- Live Server which is a web extension that helps you to live reload feature for dynamic content (PHP, Node.js, ASPNET)
- Download waves to check project accessibilty
- Clone the repo by running the command
git clone https://github.com/KIsmoilov/Space-Traveler-s-Hub
.git
### Install
Install this project with:
2. Open the directory of the project
```sh
cd Space-Traveler-s-Hub
- Open the directory of the src
cd src
- Open the index.html file
Click and open the index.html file
To run the project, execute the following command:
- Please run the following to render on the browser
npm start
To run tests, run the following command:
- Please run the following to test
npm run test
You can deploy this project using:
- Please run the following to deploy
npm run deploy
π€ Khusniddin Ismoilov
- GitHub: @KIsmoilov
- LinkedIn: LinkedIn
π€ Valentine Blaze
- GitHub: @V-blaze
- Twitter: @blaze_valentine
- LinkedIn: @valentine-blaze
- Enhance the My Profile section by adding a placeholder message when the "My Missions" or "My Rockets" lists are empty (no missions joined or no rockets reserved).
- Enhance the My Profile section by adding the "Cancel reservation" and "Leave Mission" buttons to the lists here. Clicking them should dispatch the actions you have already used in the main Rockets and Missions sections.
- Enhance the My Profile section by adding the "Read more" button for each mission and rocket. Upon click, it should open a corresponding Wikipedia page in a new tab. NOTE - you need to get that extra Wikipedia URL from the API's payload.
-
Contributions, issues, and feature requests are welcome!
-
Feel free to check the issues page.
- Give a βοΈ if you like this project!
- Microverse for providing the Design and guideline for this project.
-
How can I find the node modules folder?
- The node modules folder was added to the gitignore file, so you need to install it manually
Please run the following to install node modules
npm install
-
Which index.html file should I open to make some changes in src folder or dist folder?
- Please make change only to Html, CSS and JS files in the src directory
This project is MIT licensed.
NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.