techEmprez/react-group-capstone-project

This is a reactjs/redux group capstone project

React & Redux group project - Space Travelers' Hub

Description

In this task, we worked with real-time data from the SpaceX API. The task is to build 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.

Built with

• HTML
• CSS
• Bootstrap
• React
• Redux
• Webpack
• Jest

Prerequisites

• VSCode
• Git
• Browser With Developer Tools

Interested in viewing the webpage:

Live Demo

Rockets Page

The Rockets section displays a list of all available SpaceX rockets.

Missions Page

The Missions section displays a list of current missions along with their brief description and participation status.

My Profile Page

The My Profile section displays all reserved rockets and space missions.

Available Scripts

After cloning this directory from Github; You can run:

npm install to install project dependencies.

npm start to open the development server.

(back to top)

Project Setup

1. Setup the project by creating a new directory.
2. Set up the repository on GitHub and use Gitflow.
3. Set up React using ### npx create-react-app .
4. Install React Redux, Redux Logger and [React Router](https://reactrouter.com /web/guides/quick-start).
5. Create routes and view components.
6. Fetch data and update Redux store.
7. Render fetch data for the first time only.
8. Write actions and reducers for canceling rockets and leaving missions
9. Render UI: My Profile section
10. Implemented jest test to the project.

Run Tests

Use npm test a to run all the Jest test.

(back to top)

Authors :bookmark_tabs:

• Choice Osobor Link To Github Profile
• David Kasilia Mwanzia Link To Github Profile

📝 License

This project is MIT licensed.

Contributing 🤝

Contributions, issues, and feature request are welcome anytime.