MAY 29, 2020

Glific Frontend: Stitching the pieces

By Kurund Jalmi

Share

It is been three weeks since the project kick-off. It really feels great to be involved in bootstrapping another open source project along with Lobo. It definitely reminded me of good old CiviCRM days.

I have been primarily focusing on the frontend aspect of the project along with my team. Based on our initial research we had decided to go with React for the frontend. The next task was to layout the coding practices, the toolsets and shortlisting of other libraries that would constitute the project.

I feel we have made good progress and most of the technologies are finalized. Just to summarize, we will be using Typescript for the static type-checking, Redux for the state management along with redux-thunk, Jest /Enzyme for testing and the UI will be based on the Material Design concept.

Here are the details:

Libraries / Packages

Development

Testing

Tools

  • We recommend using Visual Studio Code. You can find the configuration here
  • Redux-devtools are enabled in development. Install the chrome extension for use

UI Design

In the first iteration, our goal is to develop a simplified user-centric interface which will be very much self-explanatory. Additionally, the user will have the ability to label the conversation, use predefined response messages and most importantly use it just like Whatsapp Web app along with an ability to send the rich text format and media.

We like the clean interface of another open source project chatwoot

Besides this, we have been working on a boilerplate for the project and have most of the core package functioning nicely.

Looking forward for the exciting days ahead.

One response to “Glific Frontend: Stitching the pieces”

  1. ColoredCow says:

    […] frameworks, languages, and tools Getting familiar with the building blocks to leverage the advanced concepts and utilizing various design […]

Leave a Reply

Recommended reading

Session window

When Beneficiaries(end-users) send NGOs a text message a 24 hours window is created....

FEBRUARY 02, 2021

Load Test Using k6

Moving forward with Glific development now we have started thinking about testing the...

SEPTEMBER 28, 2020

Reimagining communication with your Beneficiaries

This article is co-authored with  Manish Manohar, Tech Lead, Saajha Re-imagining your style of...

SEPTEMBER 21, 2020

%d bloggers like this: