Series Open CSS Loaders ["3. Deploying to the DO"]

This is PART-3 of the series for my entry in the hackathon.

Idea

Here I wanted to Deploy the app on the Digital Ocean Platform. The Docs are great. Super easy. I deployed the app. Simple.
But since I was using MongoDB Atlas the whole time, I had to switch to one of their databases. They have 3 option

1. PostgreSQL
2. MySQL
3. Redis

It would have been best if I would have gone with Redis, since it stores the data in key-value pairs, similar to mongoDb, but I have my collage finals in 2 weeks, and I am having MySQL in the syllabus, so I went with the same. Then it was lots of docs referring and changing the node.
Uninstalling Mongoose
npm uninstall mongoose
And then installing mySQL
npm i mysql --save
Yeah, that's it, I have A basic App running. But I have to do a lot of testing and of course, adding the Loaders to the site.
Also I wanted to the the "Deploy to DO button".

Work

Setting app on the digital ocean is very easy. I say the easiest amongst the services I have tried. Host the repository on GitHub, link your account, choose the repository, give environment variables if necessary, hit deploy. Voila, your app is up in under 2 minutes.
And Every time you update your repo on GitHub, the app is also updated.
Link the database, Simple.
And Now i have an app Running.
Check it out here

Now for the button the docs have everything. You have to add a file .do/deploy.template.ymal and add details to it. Then add the button itself and it works.