Code Monkey home page Code Monkey logo

project03's Introduction

Project Description:


A random wheel picker that allows the user to randomaly pick an item from a list provided by the user. The user first must enter the items of the list one by one then clicks the SPIN button to start spinning the wheel.

For authentication, Facebook authentication was used. Once the user is authenticated, the information is stored in the local storage so that the user is remembered later.

There 3 routes namely home, instructions and logout. The logout route clears the local storage as if the user did not login at all.


When the user enters a single item, the wheel will not appear. There must 2 items to choose among at least.

API used in this project:

The Color API was used in the project, which is a simple API that provides many services. Given a color, the API converts the color to different systems ex. hex, rgb etc. Moreover, it provides different schemes for a single color.

When the user enters a list of items and clicks SPIN, a random hex color value will be generated and sent as a request parameter in the URL to the API besides the number of items in the list and the desired color scheme. The API will provide a scheme for the choosen color where the number of colors equal the number of items.

The colors of the retrieved scheme will be used to color the sectors of the spinning wheel.

project03's People

Contributors

renoschubert avatar dev-safcsp avatar alghaid avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.