Socket
Socket
Sign inDemoInstall

wheel-of-fortune

Package Overview
Dependencies
396
Maintainers
2
Versions
2
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    wheel-of-fortune

A wheel of Forune as simple angular app.


Version published
Weekly downloads
2
Maintainers
2
Created
Weekly downloads
 

Readme

Source

Wheel of Fortune

Did you ever wanted to elect a winner through a raffle and needed a quick an simple app for that? This is one of them. A simple and lightweight angular app doing this very single thing.

How does it work?

In a simple CRUD list you manage the participants for the raffle. Each participant has an amount of spokes in the wheel, which can be seen as a winning chance. Then you turn the wheel and elect a winner, the winners are stored on the winner page. Both the winners and participants are stored in localstorage at the moment.

For screenshots see Screenshots.

The size of a single participant's slice is calculated as (360 / (total number of spokes)) * number of spokes.

To start the election, slide the wheel or press the Go button. Hammer.JS is used to handle the pan event and by is mobile friendly by that. If using slide, the rotation is based on the distance on the X Axis, if pressing the Go button, a random integer between 0 and 360 is used to base the distance calculation on. For random integers, chance.js is used.

Setup & Run

Use git clone, npm install or download the tarball from github to install it. Here, git clone will be used.

git clone https://github.com/finanzcheck/wheel-of-fortune.git
npm install
npm start

Then open your browser and go to http://localhost:3001.

Screenshots

Wheel

Wheel

Wheel Hover

Wheel Hover

Participants list

Participants

Winners list

Winners

Keywords

FAQs

Last updated on 29 Feb 2016

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc