https://github.com/secretpray/crud_ajax

Rails AJAX on vanila Javascript
https://github.com/secretpray/crud_ajax

ajax bootstrap5 crud crud-application debounce javascript live-search modal modal-dialog ruby ruby-on-rails

Last synced: about 2 months ago
JSON representation

Rails AJAX on vanila Javascript

• Host: GitHub
• URL: https://github.com/secretpray/crud_ajax
• Owner: secretpray
• Created: 2021-10-20T08:02:34.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-11-01T06:30:30.000Z (about 3 years ago)
• Last Synced: 2024-11-30T09:37:17.870Z (about 2 months ago)
• Topics: ajax, bootstrap5, crud, crud-application, debounce, javascript, live-search, modal, modal-dialog, ruby, ruby-on-rails
• Language: Ruby
• Homepage: https://ajax-2021.herokuapp.com
• Size: 1.35 MB
• Stars: 12
• Watchers: 2
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# CRUD_AJAX

www: https://ajax-2021.herokuapp.com/

based on https://github.com/RaviSys/ajax-demo-rails6

Full AJAX CRUD in Bootstrap 5 modal, live autosearch, AJAX pagination by pagy   

https://user-images.githubusercontent.com/17977331/138548853-7adf69b0-b2f2-4360-9d92-55d4ff0db21c.mp4

Infinity scroll, User avatar and User card preview (Bootstrap tooltip)

https://user-images.githubusercontent.com/17977331/138764173-0a8a4edd-72c2-44cf-9655-7876f2c62026.mp4

Slider, Accordion, cards

https://user-images.githubusercontent.com/17977331/139223419-40ef5480-c323-4948-90b4-b89ca7e3b40f.mp4

Small tunning (one page scroller, footer, green theme)

https://user-images.githubusercontent.com/17977331/139524945-d71dbd18-1a95-402d-9de5-bf901919eff9.mp4

Preview bootstrap template

https://user-images.githubusercontent.com/17977331/139630809-46b31cde-49e7-400d-8672-5be0fdb5e8ba.mp4

TODO: 

- sortable (maybe in concern) and filters: 

  - sort by ↑/↓ recent, max rating, max popular, nearest. Save filters in session or Redis DB

  - filters by age (range select);

  - filters by sex (radio button); 

  - filters by category project (multi checkbox);

  - filters by name project (autocomplete search with index, maybe with index in Redis DB)

  - filters by team name (select + TomSelect)

  - filters by star rating (range with steps 1..5)

  - filters by last week/mounth created

  - filters by geosearch.