Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alejandroq12/react-group-project
We will be working with the real live data from the SpaceX API. Our 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.
https://github.com/alejandroq12/react-group-project
axios javascript jest-tests reactjs redux redux-toolkit testing-library tests
Last synced: 8 days ago
JSON representation
We will be working with the real live data from the SpaceX API. Our 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.
- Host: GitHub
- URL: https://github.com/alejandroq12/react-group-project
- Owner: Alejandroq12
- License: other
- Created: 2023-05-15T14:45:20.000Z (over 1 year ago)
- Default Branch: dev
- Last Pushed: 2023-05-18T16:01:03.000Z (over 1 year ago)
- Last Synced: 2024-11-10T22:36:39.297Z (2 months ago)
- Topics: axios, javascript, jest-tests, reactjs, redux, redux-toolkit, testing-library, tests
- Language: JavaScript
- Homepage: https://spacex-iq7v.onrender.com/
- Size: 1.02 MB
- Stars: 14
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Space Travelers' Hub
Space Travelers' Hub
# 📗 Table of Contents
- [Space Travelers' Hub](#space-travelers-hub)
- [📗 Table of Contents](#-table-of-contents)
- [📖Space Travelers' Hub ](#space-travelers-hub-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment ](#deployment-)
- [👥 Author ](#-author-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [❓ FAQ ](#-faq-)
- [📝 License ](#-license-)
We will be working with the real live data from the SpaceX API. Our 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,
JavaScript,
React.js,
Redux Toolkit,
Client
Package Manager
Linters
- **use of React Router for navigation**
- **State management with Redux Toolkit**
- **API integration.**
- [Live Demo Link](https://spacex-iq7v.onrender.com/)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- A web browser to view output e.g [Google Chrome](https://www.google.com/chrome/).
- An IDE e.g [Visual studio code](https://code.visualstudio.com/).
- `node` should be installed in your local machine, [node website](https://nodejs.org/en/download/).
- Install the `npm` package manager use this [to install both node and npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm).
- [A terminal](https://code.visualstudio.com/docs/terminal/basics).
### Setup
Clone this repository to your desired folder or download the Zip folder:
```
https://github.com/Alejandroq12/react-group-project.git
```
- Navigate to the location of the folder in your machine:
**``you@your-Pc-name:~$ cd react-group-project``**
### Install
To install all dependencies, run:
```
npm install
```
### Usage
To run the project, follow these instructions:
- After Cloning this repo to your local machine.
- You must use `npm start` command in terminal to run this at the localhost.
### Run tests
To run tests, run the following command:
- Track CSS linter errors run:
```
npx stylelint "**/*.{css,scss}"
```
- Track JavaScript linter errors run:
```
npx eslint "**/*.{js,jsx}"
```
- Jest tests
```
npm test
```
You can deploy this project using: Render,
- We used Render to deploy my website.
- For more information about deployment on Netlify see "[Render](https://www.render.com/)".
👤 **Julio Quezada**
- GitHub: [Alejandroq12](https://github.com/Alejandroq12)
- Twitter: [@JulioAle54](https://twitter.com/JulioAle54)
- LinkedIn: [Julio Quezada](https://www.linkedin.com/in/quezadajulio/)
👤 **Tisloh Tebe**
- GitHub: [Booze33](https://github.com/Booze33)
- Twitter: [Tebe](https://twitter.com/Tebe95645832)
- LinkedIn: [Tisloh Tebe](https://www.linkedin.com/in/tebe-tisloh-847956225/)
- [ ] **We will implement more pages**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project give me a star ⭐️
We want to thank all my colleagues that share knowledge with and inspired us to improve each day.
- **Did you created this project from zero?**
- Of course, as if it were a real life job scenario.
This project is [LICENSE](./LICENSE) licensed.