Abinthe Image Uploading with Expo
Lets you upload and browse "logos" for "Things".
It's deployed here:
https://absimupo.peacefulprogramming.dev/
But creating things has probably been forbidden (to prevent spam).
If you want to create things, contact me here:
https://peacefulprogramming.dev/contact
with a nice message and I will enable creating things for a short while.
Warning: if enabled, creating things is SLOW. The deployment is on free tier gigalixir, hosted in the US.
The backend is an Elixir/Phoenix/Absinthe API.
The frontend is an Expo React Native app.
Images in production are stored in Backblaze and served using Imgproxy.
I prefer to call my projects names that are unique, single words. It makes renaming things easier.
You need to have these things installed:
- Elixir/Phoenix
- Expo CLI
- Imagemagick ()
cd absimupo_backend;
mix deps.get;
mix deps.compile;
mix ecto.setup;
cd ..
cd absimupo_frontend;
yarn install;
cd ..
In one shell:
cd absimupo_backend;
iex -S mix phx.server;
In another shell:
cd absimupo_frontend;
yarn start;
Wait for yarn start to bring up the Expo window in your browser. Then go back to the shell and press w key. This will tell expo to open the app in the web browser.
- The frontend code is all in a
srcfolder which is not an ideal structure if this project grows. - The frontend doesn't look very nice.
- There is a warning in the console on web. Info here: https://stackoverflow.com/questions/66424449/react-does-not-recognize-the-enterkeyhint-prop-on-a-dom-element