/set-game-frontend

Single page app built with Vanilla JavaScript that lets users play the game SET. Verifies that selected cards are a set and confirms there is a set on the board.

Primary LanguageJavaScript

Set Game

Developed by Amy Resnik and Dan Behrman.

Set Game is single page app that lets user play the game SET.

The frontend repo is deployed via Netlify, and the backend repo (here) is deployed via Heroku. Visit https://best-set-game.netlify.app to play!

Netlify Status

Set Game

Demo

Set Game Demo

You can watch a live demo of the app here or visit https://best-set-game.netlify.app to play!

Technology Used

  • Vanilla JavaScript
  • Ruby on Rails
  • PostgreSQL database
  • Semantic UI
  • Custom CSS

The GitHub repo for the backend can be found here.

Features

Set Game allows users to:

  • Start a new game
  • Read the rules of how to play
  • See high scores
  • Select cards that may be a set
  • Visually see if selected cards are a correct set
  • Check if there is a set on the board
  • Visually see if there is a set on the board, if there is not, the cards will reshuffle
  • See how much time has elapsed in their game
  • Pause the game
  • See how many cards are remaining in the deck

How To Use

Visit https://best-set-game.netlify.app to play!

To test on your own machine:

  1. Visit the backend repo here and follow instructions on the README. The backend server should be started before the next steps are run.
  2. Clone this repository
  3. Update all fetch request urls in index.js to the url where your rails server is running
  4. In terminal run
npm install
npm start

Enjoy!