Image for post
Image for post

I started learning Express recently and I got amazed by realizing that how easy to get started with Express. If you are working with JavaScript mostly this will be super easy to learn. Especially if you are a frontend developer and wanted to get hands-on backend technologies this stack is perfect. So let’s dive into the article.

What is Express Js or Express?

Express.js, or simply Express, is a back end web application framework for Node.js, released as free and open-source software under the MIT License. It is designed for building web applications and APIs. …


EmailJS: Send emails directly from your client-side JavaScript code
EmailJS: Send emails directly from your client-side JavaScript code

Are you looking for a way to get the email that your contact form sends without a server? I had the same problem when I was creating the website to showcase Aphelia. Haven’t heard about Aphelia yet? Let me introduce Aphelia in brief before starting the article. Aphelia is an AI-based resume parser API that can seamlessly integrate with your recruitment application. This is the future of resume parsers.

What is EmailJS?

EmailJS is a service that allows us to send emails directly from your client-side JavaScript code. …


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…


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…


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…


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…


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…


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…


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…


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…

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