React & Redux group project - Space Travelers' Hub

This is a web application that provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions. Here we use conditional rendering to display the state of a particular mission. The application makes use of real live data from the SpaceX API. This application is built with React a JavaScript library and Redux for state management.

This project was built with;

• React a JavaScript Library

• Redux for state management

• Use Webpack dependencies for better JS and CSS file performance.

• Bootstrap 5.

• Font awesome 5.

Image Preview

🎥 Video Presentation

⭐ Live Demo ⭐

Getting Started

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

• On the project, GitHub page, navigate to the main page of the repository

• Click on a button named code

• Copy the project URL as displayed on HTTPS tab

• If you're running Windows Operating System, open your command prompt. On Linux, Open your terminal

• Change the current working directory to the location where you want the cloned directory to be made. Leave as it is if the current location is where you want the project to be.

• Type git clone, and then paste the URL you copied in Step 3.
  

  $ git clone git@github.com:Mihndim2020/Space-Travelers-Hub.git Press Enter key
  

• Your local copy will be created.

• Please note that you must have Git installed on your PC, this can be done here

• cd into the directory and run npm install to install dependency

• Then npm start to start the dev server.

• The page should load on your default browser.

Github Actions

To make sure the linters' checks using Github Actions work properly, you should follow the next steps:

1. On your recently forked repo, enable the GitHub Actions in the Actions tab.

2. Create the feature/branch and push.

3. Start working on your milestone as usual.

4. Run npm install to install dependencies

5. To start the project, enter npm run start.

Usage

• Make sure you have node and npm modules installed.

• We recommend the use of VS code as a code editor, but you can use any code editor.

• Run in your terminal npm run start to see the run the app in your default browser.

• You should see the rockets page as the page loads.

• Click on the various links in the Navigation bar to Navigate to the different pages.

Authors

👤 Marco Parra

• GitHub: @mrigorir
• Twitter: @marcoparra311
• LinkedIn: @marco-alonso-parra

👤 Mih Julius

• Github: @Mihndim2020
• Twitter: @mihndim
• Linkedin: Mih Julius

🤝 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

• Microverse Community
• MDN
• Udemy
• Tunga Academy
• Freecodecamp

📝 License

This project is MIT licensed.