/rate-it-web

⭐️ Custom user rate screen with animated SVG output

Primary LanguageJavaScriptMIT LicenseMIT

rate-it-web

Custom user rate screen with a tweened SVG animation

Note: This demo uses the prefers-reduced-motion CSS media feature to respect the user's system settings regarding animations. This means that if you're using decent browser and have such a setting enabled you will not be able to see the fully animated output.

Demo screencap

Development

Clone and cd into the root of this repository. Install the required dependencies (npm i) and run npm start to start a local development server.

Inspiration

This animation was inspired by this custom rate screen implemented in Swift.

Contributing

This project is open to and encourages contributions! Feel free to discuss any bug fixes/features in the issues. If you wish to work on this project:

  1. Fork this project
  2. Create a branch (git checkout -b new-branch)
  3. Commit your changes (git commit -am 'fixed something')
  4. Push to the branch (git push origin new-branch)
  5. Submit a pull request!