https://github.com/billgonzo123/nasateroids

A game engine built on a MERN stack with React components! No canvas here!
https://github.com/billgonzo123/nasateroids

apollo expressjs graphql javascript mongoosejs nodejs reactjs

Last synced: about 1 month ago
JSON representation

A game engine built on a MERN stack with React components! No canvas here!

• Host: GitHub
• URL: https://github.com/billgonzo123/nasateroids
• Owner: Billgonzo123
• Created: 2022-04-07T17:58:11.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-19T23:20:20.000Z (almost 2 years ago)
• Last Synced: 2024-10-11T12:04:53.653Z (about 1 month ago)
• Topics: apollo, expressjs, graphql, javascript, mongoosejs, nodejs, reactjs
• Language: JavaScript
• Homepage: https://asteroids.onrender.com/
• Size: 6.6 MB
• Stars: 11
• Watchers: 2
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NASAteroids :rocket:

  [![project-languages-used](https://img.shields.io/github/languages/count/ChrisKurz098/NASAteroids?color=important)](https://github.com/ChrisKurz098/NASAteroids)

  [![project-top-language](https://img.shields.io/github/languages/top/ChrisKurz098/NASAteroids?color=blueviolet)](https://github.com/ChrisKurz098/NASAteroids)

## Summary

![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=flat&logo=mongodb&logoColor=white)

![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=flat&logo=express&logoColor=%2361DAFB)

![React](https://img.shields.io/badge/react-%2320232a.svg?style=flat&logo=react&logoColor=%2361DAFB)

![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=flat&logo=node.js&logoColor=white)

![Apollo-GraphQL](https://img.shields.io/badge/-ApolloGraphQL-311C87?style=flat&logo=apollo-graphql)

NASAteroids (NASA + Asteroids), is a recreation of the 1979 Atari game built in React.  This application utilizes MUI components and an NES-style CSS frame work for UI, MongoDB and GraphQL for database models and API queries. 

## Try it out [here](https://asteroids.onrender.com/)

(firefox users may come across performance issues)

## Table of Contents

- [Deployment](#deployment) 

- [Demo-Screenshot](#demo-screenshot)

- [Usage](#usage)

- [Contributors](#contributors)

- [License](#license)

## Demo-Screenshot

### Home:

![home-screen](/client/public/assets/img/Asteroids_Home.png)

### Login:

![login-screen](/client/public/assets/img/Asteroids_Login.png)

### SignUp:

![signup-screen](/client/public/assets/img/Asteroids_SignUp.png)

### Profile:

![profile-screen](/client/public/assets/img/Asteroids_Profile.png)

### Gameplay:

![gameplay-screen](/client/public/assets/img/Asteroids_GamePlay.png)

## Usage:

- On the home screen you will see a leaderboard with the 10 highest player's scores and button to login, signup or start a new game.  If you are first visiting the app, be sure to signup in order to compete on the leader board.  If you are a returning user and have an account, just login.

- Once you are login in, you are taken to your user profile page where you again see the leaderboard along with your personal top 5 scores and buttons to start the game or logout.

- Once you start the game you are taken to the gameplay screen.  Good luck and may the odds be ever in your favor.

## Contribution

- [Chris Kurz](https://github.com/ChrisKurz098)

- [Emily Dokken](https://github.com/emdok)

- [Chris Angalet](https://github.com/cangalet)

- [Katie Churchwell](https://github.com/katiechurchwell)

  

## License

  ![](https://img.shields.io/badge/license-MIT-blue)