Design to Development Journey –


30 Mar by Think201

“Well begun is half done.” This is very true in the case of project execution as well. We believe in starting off on the right note to ensure the rest of the project journey is nice & neat.

Design to Development Journey

Currently, we are in the development phase of the Data Collection & Reporting Project, which we are doing for (read here). Our previous step, the design phase, had a good impact on streamlining thoughts, ideas, & finalizing what we are looking at as an end product. We finished designing screens for all roles, which are interactive links depicting the final product outcome, much before the product was built.

The interface was then shared with the GiveIndia team as well to gather initial feedback & comments from the NGO teams, who are our end-users of what we are developing. The early feedback helped in altering a couple of screens in the design phase itself & also gave us an insight that we are headed in the right direction.

The interface designs became a guiding tool for the GiveIndia team to design APIs to return the response of what is just needed.

Current Project Progress Updates 

We took a UI (front-end development) approach to develop the screens designed across roles & booted the application. The application now has screens developed & tied together using internal APIs, which matches the response structure. We pivoted to this approach so that we can make the best use of time & make the whole process efficient. Our team is marching ahead in developing all the screens & also towards building PWA.

Our constant weekly meetings are helping us to exchange any queries or updates without any hindrance, which has kept the momentum of the project going.

What we plan next?

We plan to complete frontend development & move towards API binding (which will be coming from GiveIndia team) .We are also looking at Automation testing for the platform, which involves UI Automation Testing  & API testing.

Very soon, we will be making the application live in a staging environment & make it available to others to have a look at it.

Technology Stack Used

One major pivot which happened was in the choice of frontend technology. We switched to React from AngularJS since other applications that exist (at GiveIndia) are all built on NodeJS & React.

Technology Stack Used

React – For FrontEnd Development

NodeJS – For Backend ( APIs, provided by GiveIndia)

SailsJS – For intermediate Post APIs which we will be developing

Mocha Framework, Protractor – For Automation Testing

Stay tuned to learn more about project progress updates

This blog is also featured at under Tech4Dev Chapter here

More from