Skip to content

secretpray/Hotwire-CRUD-MODAL

Folders and files

NameName
Last commit message
Last commit date

Latest commit

664e743 · Jan 7, 2022

History

98 Commits
Jan 7, 2022
Nov 14, 2021
Dec 29, 2021
Dec 28, 2021
Nov 17, 2021
Nov 14, 2021
Nov 14, 2021
Nov 14, 2021
Nov 14, 2021
Nov 14, 2021
Nov 14, 2021
Nov 14, 2021
Nov 14, 2021
Nov 14, 2021
Dec 29, 2021
Dec 29, 2021
Jan 7, 2022
Nov 14, 2021
Nov 14, 2021
Nov 14, 2021
Dec 26, 2021
Nov 14, 2021
Dec 26, 2021

Repository files navigation

Full CRUD on Hotwire

Getting Started
  1. Bundle install:
bundle install
  1. Yarn install:
yarn install --check-files
  1. Prepare database (db:setup or db:prepare)
bin/rails db:setups
Video Preview Hotwire CRUD simple
Clip.mp4

Hotwire CRUD in Modal (with validation)

Clip.mp4

Devise User in Modal (edit profile only) and Tailwind dropdown

clip1.mov

Hotwire CRUD for Commets & Reply with broadcast and comments live counter

clip2.mov

Authorization Hotwire Commets & Reply (broadcast)

clip.mov

Authorization Hotwire Posts (broadcast)

clip1.mp4

Hotwire Comments info: comments count and author avatar (broadcast)

clip.mov

Hotwire 'Like' model with uniq validation. In real time (broadcast), information about the number of likes and whether the user has already voted is updated.

clip.mp4

Hotwire online user status.

clip.mp4

The maximum depth of nesting comments has been set (in Comment model -> 3).

clip.mp4

Added posts sorting with Hotwire. The selected sorting method is saved in Kredis.

clip.mp4

Added live search on posts (with validation and debounce). Posts are sorted based on search results. Added tooltip.

clip.mov

Added pagination with Pagy (Hotwire)

clip.mov

Added standard infinity scroll

clip2.mp4

Added asynchronous infinite scrolling after a certain delay (2.5 seconds)

clip.mp4

Added User history search (last 5 uniq result)

clip.mov

Added forced sanitization of search input

TODO:
  1. Full text index search

  2. Filter search result