Adding a Star Rating with Hotwire

1. turbo-movies

   1 2 4 2.6 Ruby

   A single page movie application implemented with hotwire-turbo

   

   This post walks through the process of adding a rating system to a Turbo powered single page application. The application in question was built up in a previous post. If you want to follow along with the post, you can grab the repo at the starting point or just read the pull request.

2. CodeRabbit

   coderabbit.ai featured

   CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

   

3. inline_svg

   2 1 735 7.4 Ruby

   Embed SVG documents in your Rails views and style them with CSS

   

   The best way to style an SVG icon (which is one of the big advantages of the format, in my opinion) is to embed the SVG in the HTML document (render it inline with the rest of the HTML) and from there apply CSS styles as you might expect. There's a gem called inline_svg that we'll make use of to make that easier.

4. Tailwind CSS

   3 1,481 86,325 9.9 TypeScript

   A utility-first CSS framework for rapid UI development.

   

   The next step in creating our star bar is the stars! We're going to use icons from the wonderful heroicons which is a suite of beautiful SVG icons from the makers of TailwindCSS.

5. heroicons

   4 91 22,126 6.3 JavaScript

   A set of free MIT-licensed high-quality SVG icons for UI development.

   

   The next step in creating our star bar is the stars! We're going to use icons from the wonderful heroicons which is a suite of beautiful SVG icons from the makers of TailwindCSS.

Suggest a related project