Change Baseapp logo and deploy in OpenDAX
In this tutorial, we’ll learn how to customise frontend for OpenDAX and make it more unique. Openware is developing a Cryptocurrency exchange software .
Recap: In the previous tutorial, we’ve made a free deployment of our own open-source digital asset exchange platform on Digital Ocean. As you can remember it had a default frontend image that could be pulled from quay.io/openware/baseapp:2.3.20 , which is obviously owned by Openware.
So, now we’re going to:
- clone Baseapp (frontend component in OpenDAX stack)
- change the logo
- build a docker image
- redeploy it on the previously deployed platform
Sound’s easy? Let’s dive in!
1. Clone Baseapp
That’s probably the easiest part of any tutorial
# SSH to the Droplet on Digital Ocean
ssh root@167.172.110.126
sudo -u app /bin/bash --login
cd /home/app
git clone https://github.com/openware/baseapp.git2. Change the logo
For this tutorial, I’ll just use a random logo I’ve found.
To change the default logo follow these steps:
# this is the folder where all the default logos and images are
cd /home/app/baseapp/src/assets/images# backup the default one, just in case we do something wrong
mv logo.svg logo.svg.bak# get the new logo
curl https://image.flaticon.com/icons/png/512/138/138292.png -o logo.svg
3. Build a docker image
# this is the folder where all the default logos and images are
cd /home/app/baseapp# build the docker image
docker build -t custom/frontend:2.3.25 .
4. Redeploy the image
To redeploy the image we need to change the deployment files of the frontend. The main configuration and deployment file is config/app.yml
# open the configuration file
cd /home/app/opendax
vim config/app.yml# change the image for frontend
images:
peatio: rubykube/peatio:2.3.43
barong: rubykube/barong:2.3.36
frontend: custom/frontend:2.3.25 # changed this line
tower: quay.io/openware/tower-lite:2.3.130
postmaster: quay.io/openware/postmaster:2.3.5# redeploy the frontend
rake service:all
And just as simple as that, I have frontend deployed with my own logo. Starting an exchange has never been easier before. Openware stack provides the best and easiest quick start guide to get you going. Now you can focus more on your business logic, that could also be integrated into the stack following this tutorial.
Stay tuned, leave your feedback and don’t forget to follow us on:
[LinkedIn]: https://www.linkedin.com/company/openware-com/
[Youtube]: https://www.youtube.com/channel/UCGrRNy-EpI67ivdAL5z4JIg
[Github]: https://github.com/openware
[Telegram]: https://t.me/openware
[My LinkedIn]: https://www.linkedin.com/in/artem-linetskyi/
