https://github.com/omar-muhamad/space-xplore

Space Xplore is a React-Redux application that features 3 pages Rockets, Missions, and the My Profile.
https://github.com/omar-muhamad/space-xplore

agile javascript kanban linters pair-programming reactjs redux tailwindcss

Last synced: 5 days ago
JSON representation

Space Xplore is a React-Redux application that features 3 pages Rockets, Missions, and the My Profile.

• Host: GitHub
• URL: https://github.com/omar-muhamad/space-xplore
• Owner: Omar-Muhamad
• Created: 2022-01-24T00:56:24.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-01-18T13:54:34.000Z (10 months ago)
• Last Synced: 2024-01-18T17:14:12.883Z (10 months ago)
• Topics: agile, javascript, kanban, linters, pair-programming, reactjs, redux, tailwindcss
• Language: JavaScript
• Homepage: https://space-xplore.netlify.app/
• Size: 1.01 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/Microverse-blueviolet)

# Space Xplore

## Description

Space Xplore is a React-Redux application that features 3 pages Rockets, Missions, and the My Profile.

It that allows you to:

- See different Rockets and reserve anyone.

- See different Missions and Join anyone.

- Display your reserved rockets and joined missions in the profile section.

## 🚀 Live Demo

The live demo [link](https://space-xplore.netlify.app/) deployed on Netlify.

## Video Demo

Video Demo [Link](https://drive.google.com/file/d/1MFIgsDCAyO6s45lenErA36nYgRwH3bFy/view?usp=sharing)

## Site Screenshots

![screenshot](./Screenshot-1.png)

![screenshot](./Screenshot-2.png)

## 🛠 Built With

### Tech Stack

- React.

- JavaScript.

- Redux

- Tailwind.

- Linters.

### Key Features

- Gitflow workflow is used.

- GitHub Projects (Kanban board Agile) is used to arrange workload between team members.

- App created using CRA (create-react-app).

- REST API consumed to fetch rockets, and missions.

- Redux is used as a state management tool.

- Tailwind is used for styling.

## 💻 Getting Started

### Prerequisites

- Install [node.js](https://nodejs.org/en/).

  

### Setup

- Clone the project using git-bash or Githup Desktop.

- Open the project folder with VSCode or any Editor.

- Open the terminal and navigate to the project folder.

### Usage

- Run this command `npm install` to install dependencies.

- Run this command `npm start` to start the dev server.

### Test

- `Npm run test`

## Authors

👨‍💻 **Omar Muhammad**

- GitHub: [@Omar-Muhamad](https://github.com/Omar-Muhamad)

- Twitter: [@Eng_OmarMuhamad](https://twitter.com/Eng_OmarMuhamad)

- LinkedIn: [@eng-omarmuhammad](https://www.linkedin.com/in/eng-omarmuhammad/)

👤 **George Magdy**

- GitHub: [@George_Magdy](https://github.com/gemmen29)

- Twitter: [@George_Magdy](https://twitter.com/georgtriple1)

- LinkedIn: [@George_Magdy](https://www.linkedin.com/in/george-magdy-840/)

## 🤝 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!

## 📝 License

This project is [MIT](./MIT.md) licensed.