How PregBuddy reached a LightHouse score of 100/100

lighthouse

LightHouse Score of 100/100

While native apps are rich in experience, they do come with a price of an install. A new way to deliver amazing user experiences on the web is Progressive Web Apps also called PWA.

 
PWAs are user experiences that have the reach of the web, and are:

  • Reliable –  Load instantly and never show the downasaur, even in uncertain network conditions.
  • Fast –  Respond quickly to user interactions with silky smooth animations and no janky scrolling.
  • Engaging –  Feel like a natural app on the device, with an immersive user experience.

We at PregBuddy, built our mobile website (https://app.pregbuddy.com) as a Progressive Web App (PWA). Using just 300 KB of data to install, the PWA is at least 25x smaller than downloading the Android app. Repeat visits use as little as 10 KB. This low data consumption translates into a 3–4 seconds first visit and less than a second for repeat visits on 2G and 3G networks — an ideal solution for millions of users.

resize_home

Home Screen Page

We chose ReactJs as the framework, which is emerging as a great solution for building performant interfaces for the web and other platforms. We have also used Webpack which bundles our client-side code (JavaScript, CSS, etc) into a single JavaScript file (bundle.js). For the UI, we have used the Material UI library for React, which gives an immersive and native-app like feel for the web. Read More

Advertisements

Winter Internship at a startup

It was during the mid of November, that I came across an internship opportunity while scrolling through my FB newsfeed. I casually applied and had completely forgotten about it. Around 15 days later , a day before my end-sems, I received a call and was informed that I was shortlisted for the role. After a few more calls, I was officially selected as an Intern at PregBuddy. It is a startup aimed at providing personal assistance for would-be-moms  to stay informed and track changes during pregnancy. In the mean time, I was briefed about the work to be completed during the 5-6 weeks period. I had to build a Progressive Web App (PWAs) from scratch. The idea of a PWA is proposed by Google and could be the next big thing for the mobile web. I was excited about it, but at the same time nervous as I was completely unaware of the tech stack which was to be used. I went through a few tutorials on ReactJs and gained a bit of confidence and was able to make a simple app in a few days time.

The stack used was Read More

GSOC Heat ’17

An event organised by the NITdgpOS community. It was a mock  of The Google Summer of Code, which is a global program focused on bringing more student developers into open source software development. This blog post gives you an insight of my project work.

It was a great experience to be part of The GSOC Heat, where I got to learn the various standards of the Open Source World Read More

Hello World !

Here I am, trying my hands on blogging – sharing my learning and ideas. Mainly about the new stuffs and technologies I get to learn and the problems I face while implementing them. This year is going to be really challenging, with so many things to achieve and learn. With the TO-DO list running out of space and brimming aspirations , I hope this new journey will help you ‘aspirewithme’ !!!