https://github.com/divyanshu-rawat/a-jquery-rating-widget

Rating Service widget !
https://github.com/divyanshu-rawat/a-jquery-rating-widget

bootstrap cloud font-awesome google-fonts jquery

Last synced: about 2 months ago
JSON representation

Rating Service widget !

• Host: GitHub
• URL: https://github.com/divyanshu-rawat/a-jquery-rating-widget
• Owner: divyanshu-rawat
• License: mit
• Created: 2016-03-06T23:22:48.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2017-06-22T19:11:08.000Z (about 9 years ago)
• Last Synced: 2025-02-15T01:41:22.855Z (over 1 year ago)
• Topics: bootstrap, cloud, font-awesome, google-fonts, jquery
• Language: HTML
• Homepage: http://myratingwidget.bitballoon.com/
• Size: 6.89 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

          

[![Join the chat](https://img.shields.io/badge/gitter-join%20chat%20%E2%86%92-brightgreen.svg)](https://gitter.im/divyanshu001)

[![Contact me on Codementor](https://cdn.codementor.io/badges/contact_me_github.svg)](https://www.codementor.io/divyanshurawat?utm_source=github&utm_medium=button&utm_term=divyanshurawat&utm_campaign=github)

[![Twitter URL](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/r46956)

[![DUB](https://img.shields.io/dub/l/vibe-d.svg?style=flat)](#)

[![Divyanshu](https://img.shields.io/badge/divyanshu-owner-brightgreen.svg?style=flat)](http://www.divyanshurawat.in)

[![Say Thanks!](https://img.shields.io/badge/Say%20Thanks-!-1EAEDB.svg)](https://saythanks.io/to/divyanshu-rawat)

[![Build Status](https://travis-ci.org/divyanshu-rawat/JS-Testing.svg?branch=master)](https://travis-ci.org/divyanshu-rawat/JS-Testing)

[![NPM](https://img.shields.io/badge/npm-v3.10.10-blue.svg)](https://www.npmjs.com/package/npm)

##

### Live Application

[![Live Demo Here](https://img.shields.io/badge/website-up-orange.svg)](http://myratingwidget.bitballoon.com/)

##

### Description 

* App provides five circles for the user to select or click on.

  When the user hovers their mouse over a circle, that circle and all circles to the left must be filled with a color, such     as yellow.

  

* Provide a configurable number of circles for the user to click on.Allow the number of circles to be updated by a text-box.

  This is to simulate an administration widget.

  I have not added any form of security to the widget.

  

* Final feature to my rating widget,the ability to send the rating to a service.

  The service has already been created. The service will act as a simple echo service,

  taking the rating you submit inside a JSON object, and then sending back a JSON containing a message

##

### Tip 

* Feel Free to replace rating-icons with any of the font awesome icons ! just a tip !

##

### Installation Instructions :grey_exclamation:

* Clone or download the repo. into any fresh temporary folder.

* Cd into that root folder you just cloned locally.

* launch Rating_System.html enjoy. 

* I have attached screenshots below depicting various features of web app !

##

### Package Manager Used 

* Bower — A package manager for the web.

##

### Dependencies

*  "bootstrap": "~3.3.7",  "jQuery" : "2.1.4"

*  "font-awesome": "~4.7.0" 

*  "jQuery" : "2.1.4"

### Contributing

1. Create your **_branch_**: `git checkout -b my-new-feature`

2. **_Commit_** your changes: `git commit -m 'Add some feature'`

3. **_Push_** to the branch: `git push origin my-new-feature`

4. Send a **Pull Request**

5. **_Enjoy!_**

##

### Examples !

![alt tag](https://github.com/divyanshu-rawat/A_Rating_Jquery_Widget/blob/master/examples-img/amazon-icon.png)

![alt tag](https://github.com/divyanshu-rawat/A_Rating_Jquery_Widget/blob/master/examples-img/mozilla-icon.png)

![alt tag](https://github.com/divyanshu-rawat/A_Rating_Jquery_Widget/blob/master/examples-img/apple-icon.png)