isabelxklee / winner-winner-chicken-dinner

Enter a list and spin the wheel to get a random winner each time. 🔮

Winner winner, chicken dinner! 🐓

Enter a list and spin the wheel to get a random winner each time. 🔮

Features

• Enter a list of names or objects.
• Edit and delete your list.
• Always access your most recently created list with localStorage.
• Spin the wheel to generate a random winner and see how many people or objects are left in the list.
• Fully mobile responsive!

Getting started

1. Install Node.js.

   $ brew install node

2. Clone this repo and cd into the directory.

3. Install all dependencies.

   $ yarn install

4. Start the development mode.

   $ yarn start

5. Open your browser and navigate to http://localhost:3000/.

Tools

• React.js
• HTML/CSS
• styled-components: write CSS code to style React components
• Chance: random object generator for JavaScript
• Netlify: front-end hosting service