{"id":13879065,"url":"https://github.com/justalever/drag_and_drop_active_storage","last_synced_at":"2026-02-28T18:02:14.512Z","repository":{"id":39360998,"uuid":"208637723","full_name":"justalever/drag_and_drop_active_storage","owner":"justalever","description":"A demo drag and drop image upldate Ruby on Rails app using Stimulus.js, DropZone.js, and ActiveStorage","archived":false,"fork":false,"pushed_at":"2023-01-19T15:11:36.000Z","size":1428,"stargazers_count":59,"open_issues_count":28,"forks_count":18,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-10-12T00:09:29.430Z","etag":null,"topics":["active-storage","dropzonejs","rails","ruby","ruby-on-rails","simulusjs"],"latest_commit_sha":null,"homepage":"https://web-crunch.com","language":"Ruby","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/justalever.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-09-15T18:23:26.000Z","updated_at":"2025-06-04T21:01:19.000Z","dependencies_parsed_at":"2023-02-02T11:48:06.928Z","dependency_job_id":null,"html_url":"https://github.com/justalever/drag_and_drop_active_storage","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/justalever/drag_and_drop_active_storage","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justalever%2Fdrag_and_drop_active_storage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justalever%2Fdrag_and_drop_active_storage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justalever%2Fdrag_and_drop_active_storage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justalever%2Fdrag_and_drop_active_storage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/justalever","download_url":"https://codeload.github.com/justalever/drag_and_drop_active_storage/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justalever%2Fdrag_and_drop_active_storage/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29946463,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-28T17:57:52.716Z","status":"ssl_error","status_checked_at":"2026-02-28T17:57:31.974Z","response_time":90,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["active-storage","dropzonejs","rails","ruby","ruby-on-rails","simulusjs"],"created_at":"2024-08-06T08:02:08.635Z","updated_at":"2026-02-28T18:02:14.423Z","avatar_url":"https://github.com/justalever.png","language":"Ruby","funding_links":[],"categories":["Ruby"],"sub_categories":[],"readme":"# Ruby on Rails Drag and Drop Uploads with Active Storage, Stimulus.js and Dropzone.js\n\nThis tutorial is about using Active Storage from Ruby on Rails 6.0 to create a drag and drop upload experience from scratch using Stimulus.js and Dropzone.js.\n\n### Objective\n\nThe goal of this experience is to introduce drag and drop functionality and tie it to Rails Active Storage behind the scenes. I want to be able to drag and drop multiple files for upload as well as pass options that regulate what conditions can be passed around those files. Those conditions could be anything from image type to file size and more. \n\n**Dependencies:**\n\n- [Stimulus JS](https://stimulusjs.org/)\n- [Dropzone JS](https://www.dropzonejs.com/)\n- [Webpack/Rails 6.0](https://rubyonrails.org/)\n- [Kickoff Tailwind](https://github.com/justalever/kickoff_tailwind) (My personal starter template for Rails apps)\n\n\nContinue reading here: https://web-crunch.com/rails-drag-drop-active-storage-stimulus-dropzone/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjustalever%2Fdrag_and_drop_active_storage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjustalever%2Fdrag_and_drop_active_storage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjustalever%2Fdrag_and_drop_active_storage/lists"}