lincoln1883 / space-x

The Space X app is a React project where we build a Group Capstone Project. It uses Axios to fetch data from rockets and missions API endpoints. Redux (useSelector and useDispatch) handles state updates for mission and rocket reservations and cancellations. React router enables page navigation, while useEffect fetches data.

Home Page:https://spacexplorers.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Space X

πŸ“— Table of Contents

πŸ“– Space X

The Space X app is a project assignment of module three where we are required to build our Group Capstone Project React. We use Axios to make calls to a rockets API endpoint, and a missions API endpoint to fetch data, we also use Redux( useSelector and useDispatch) to update the state by reserving and cancelling missions and booking and cancelling rockets. We can navigate between pages using React router, and fetch data with useEffect, finally, we used Jest and React Testing Library to make component tests and mock API calls.

πŸ›  Built With

Tech Stack

React React Router Redux Bootstrap Jest

Key Features

  • Routing using react-router.
  • App-wide State Management with Redux/Toolkit.
  • Styling with Bootstrap CSS.
  • Data-fetching with Axios.
  • Testing with Jest and React Testing Library.

(back to top)

Live Demo

Prerequisites

In order to run this project you need to have the following installed:

- A web browser
- A code editor
- A terminal
- Git
- Node.js

Setup

Clone this repository to your desired folder:

  cd my-folder run `git clone https://github.com/lincoln1883/anancy-bookstore/`

Install

Install this project with:

  cd my-folder run `npm install`

Usage

To run the project, execute the following command:

open the index.html file in your browser using the live server extension.

Run tests

To test please execute the following command:

    run `npm test`

(back to top)

πŸ‘₯ Author

####πŸ‘€ Lincoln Gibson

####πŸ‘€ Marco Almada

πŸ”­ Future Features

  • Testing with Jest & React Testing Library.

(back to top)

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

  • Give a ⭐️ if you like this project!

(back to top)

πŸ™ Acknowledgments

  • Thank you Microverse.

(back to top)

πŸ“ License

This project is MIT licensed.

(back to top)

About

The Space X app is a React project where we build a Group Capstone Project. It uses Axios to fetch data from rockets and missions API endpoints. Redux (useSelector and useDispatch) handles state updates for mission and rocket reservations and cancellations. React router enables page navigation, while useEffect fetches data.

https://spacexplorers.netlify.app/

License:MIT License


Languages

Language:JavaScript 96.3%Language:CSS 2.0%Language:HTML 1.7%