https://github.com/techemprez/react-group-capstone-project

This is a reactjs/redux group capstone project
https://github.com/techemprez/react-group-capstone-project

Last synced: about 1 month ago
JSON representation

This is a reactjs/redux group capstone project

• Host: GitHub
• URL: https://github.com/techemprez/react-group-capstone-project
• Owner: techEmprez
• License: mit
• Created: 2022-09-26T12:16:31.000Z (about 2 years ago)
• Default Branch: develop
• Last Pushed: 2022-10-16T06:58:40.000Z (about 2 years ago)
• Last Synced: 2023-05-09T11:06:15.267Z (over 1 year ago)
• Language: JavaScript
• Size: 1.96 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](https://rocket-mission-bookings.netlify.app/)

# Rockets Page

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

![localhost 3000-SpaceTravelers'Hub](https://user-images.githubusercontent.com/83514256/193158547-3849a8f8-4832-4184-9a14-5aea419f54eb.png)

# Missions Page

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

![localhost 3000-SpaceTravelers'Hub(1)](https://user-images.githubusercontent.com/83514256/193158587-479909a4-2402-4aeb-9c57-ebe3acd61f13.png)

# My Profile Page

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

![localhost 3000-SpaceTravelers'Hub(2)](https://user-images.githubusercontent.com/83514256/193317548-f5efb2cd-2497-4e2d-b298-59a02d5c9ab9.png)

## 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](https://react-redux.js.org/), [Redux Logger](https://www.npmjs.com/package/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 :handshake:

Contributions, issues, and feature request are welcome anytime.