https://github.com/i1d9/cropper_js_phx
A Phoenix Application showcasing how to add cropperjs in Liveview using Hooks. It also has OpenCv to allow only uploads containing one face
https://github.com/i1d9/cropper_js_phx
cropperjs elixir elixir-phoenix erlport liveview opencv-python
Last synced: 9 days ago
JSON representation
A Phoenix Application showcasing how to add cropperjs in Liveview using Hooks. It also has OpenCv to allow only uploads containing one face
- Host: GitHub
- URL: https://github.com/i1d9/cropper_js_phx
- Owner: i1d9
- Created: 2023-04-30T05:27:37.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-06-12T11:58:29.000Z (about 3 years ago)
- Last Synced: 2025-02-23T11:41:28.071Z (over 1 year ago)
- Topics: cropperjs, elixir, elixir-phoenix, erlport, liveview, opencv-python
- Language: Elixir
- Homepage:
- Size: 234 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PhxCropperJs
A project demonstrating how to add cropper js to a phoenix liveview application.
I've intergrated open-cv using python through erlport. Only uploads that contain faces are allowed.
To Get started:
* Install dependencies with `mix deps.get`
* Create `dev.local.exs` and add the path of your python interpretor use `dev.local.example` file to guide you.
* Start Phoenix endpoint with `mix phx.server` or inside IEx with `iex -S mix phx.server`
Now you can visit [`localhost:4000`](http://localhost:4000) from your browser.
## Learn more
* ASDF Guides: https://asdf-vm.com/guide/getting-started.html
* Phoenix Official website: https://www.phoenixframework.org/
* OpenCV Python: https://pypi.org/project/opencv-python/
* ErlPort Docs: https://www.google.com/search?client=safari&rls=en&q=erlport&ie=UTF-8&oe=UTF-8
* Guides: https://hexdocs.pm/phoenix/overview.html
* Docs: https://hexdocs.pm/phoenix
* Forum: https://elixirforum.com/c/phoenix-forum
* Source: https://github.com/phoenixframework/phoenix