How to deploy a web app using Heroku?
How to deploy a web app using Heroku?

Today we are going to take a look at deploying a web app using Heroku. Maybe you can use Heroku on your next app deployment. As always let me tell you why I had to use Heroku.

As a volunteer at the Sustainable Education Foundation — SEF, we have this Github leaderboard that shows our contributors based on their contribution. This java based application is currently deployed on our DigitalOcean droplet. After a discussion, we decided to use Heroku since it’s free and matches our requirements. That’s how I got this task.

What is Heroku?

Heroku is a cloud platform as a service supporting several programming languages. Such as Java, Node.Js, …


Image for post
Image for post

Have you ever wanted to expose your local webserver to the internet? Probably the answer is yes. I faced the same problem when I wanted to expose my webapp. Today I’m going to talk about one of the solutions that I found. First of all, let me explain my problem briefly.

As a volunteer at the Sustainable Education Foundation — SEF. I was working on a Github leaderboard which is a leaderboard for the contributors of SEF. As you can see I need to use Github webhook to get the data. The problem was when I’m working on the project locally, the webhook can’t access the local server. …


Image for post
Image for post

As a front-end developer have you ever wondered how to deploy a web project and get things like clean URLs, graceful trailing slash handling, fallback 404 pages, or serve a catch-all file for apps using PushState?

Surge does all that while handling details such as setting long–live cache headers and setting proper HTTP status codes across a content delivery network.

Let me demonstrate how to get started with surge using an example,

Get Started

To get started with surge is easy. Just install using npm and then run surge within any directory you wish to publish onto the web.

  1. install the latest version of…


Image for post
Image for post

This is the second part of my How I got started with OpenMRS? article. Make sure to read that one before starting. This article is going to be about how I sent my first PRs to OpenMRS.

After setting up the SDK, I asked for permission to view the Jira board so that I can get started with an issue. I had to send an email to get the permission and within a few hours, I got the access.

Then I looked at some issues and found an issue in the DHIS connector module. I assigned myself to the issue and start working on the issue. …


Image for post
Image for post

As the dev team of Sustainable Educational Foundation — SEF, we were busy for the past three months building the ScholarX platform. This article going to be the journey of how the frontend was built. As always let’s start from a question.

What is ScholarX?

ScholarX is an exclusive 6-month program aimed at providing mentoring support to a selected pool of high Potential undergraduate students based in Sri Lanka ideally by a Sri Lankan expat currently engaged with one of the world’s top universities or Fortune 500 companies. It’s our free premium mentoring platform by Sri Lankans for Sri Lankans working towards creating a culture of knowledge and expertise sharing without the limitation of geographical borders. …


Image for post
Image for post

Yesterday I set up the OpenMRS SDK and this article is going to be about my experience with OpenMRS. This article is not going to be a tutorial on how to set up the SDK. First of all, let me start how I find out about OpenMRS. I was looking at the organisation list of the Google Summer of Code 2020 to start contributing. I chose OpenMRS out of hundreds of other organisations for a reason.

What is OpenMRS?

OpenMRS is a global leader in open technologies and open standards in health care. It isn’t just open software — we strive to be open and transparent in everything we do, and encourage our collaborators to do the same. …


Image for post
Image for post
Travis CI with Github

When you and your team working on a project making mistakes is something obvious. Adding CI will solve this problem because it will test and build your project before deploying. In this article, I’m going to talk about one of the best CI services I got to know when working with Sustainable Educational Foundation-SEF. In SEF we use Travis for our projects. Make sure to visit our page to have a look at our projects. Let me start from the start.

What Is Continuous Integration (CI)?

Continuous Integration is the practice of merging in small code changes frequently — rather than merging in a large change at the end of a development cycle. The goal is to build healthier software by developing and testing in smaller increments. …


Image for post
Image for post

Optimizing images on your project can be a nightmare and it’s affecting your project efficiency. We can use a bot for that. Today I got the perfect solution for that. The ImgBot. I know there are a bunch of image optimisers but this one is special. Let me start with a simple question.

Why should you optimize your images?

When you’re shipping code and hitting deadlines, it’s easy to forget about optimizing your images. But the truth is if you don’t optimize your images, you are losing out.

Web pages with optimized images load faster. Faster pages have higher conversion rates, lower bounce rates, and happier users. …


What Makes a Commit Message a Good Commit Message?
What Makes a Commit Message a Good Commit Message?

This is the second part of my last blog post and in this one let’s talk about commit messages. Commit messages are important means of communication between team members and for the lifecycle of the teams and projects since they include the context in which they were created. By inspecting the project history we can find out why some decisions were made when they were made.

I started to write good commit messages since I started contributing to Sustainable Educational Foundation — SEF in late 2019. For those who don’t know about SEF please make sure to visit our site to know more details. In a nutshell, At SEF, we have something in store for everyone especially you are a student, expert, or a volunteer. …


How to Create Pull Requests That Reviewers Understand?
How to Create Pull Requests That Reviewers Understand?

First, let’s admit it: reviewing pull requests is really hard. As a reviewer, it’s your responsibility to make sure that the code is correct and of high quality before it gets merged into master. You are expected to do that by looking at a diff and list of files changed. You have to understand what the pull request is trying to achieve, what approach is being taken, what’s going on, and how all these files fit together — enough that you could potentially suggest an improvement. You may have to be on the lookout for typos or style problems. …

About

Anjula Shanaka

Intern Software Engineer at Rootcode Labs

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store