I completed this project as a full-time developer for the employer

The Context

Wycliffe Associates' VP of Recruiting needed a website that showcases the result of donors' giving and the organization's hard work. The main meat should be the different available translations of Scriptures and scriptural resources that's served through a RESTful API. In addition to that, they also would like to show the different resource types, programs, and tools that are developed.

The VP was the content editor, so it must be easy for non-technical people to maintain the content. The timeframe we were given was about a month.

The home page of bibleineverylanguage.

The Stack

This is a Wordpress site built with a customized custom theme and Beaver Builder.

My Role

Designer and Front-end developer

Translations page, generated from a static JSON file.

Part of Processes page.

The Process

Since time is of the essence, I chose Wordpress with a custom theme and a page builder.

Besides writing CSS that shapes the layout the way I wanted it to, the main challenge of this project was to analyze and process data obtained from a RESTful API and then generate a whole page from it. I decided to do all the heavy processing in Node that spitted out a ready-to-use JSON file. That file then was served as a static content by Wordpress where my client-side takes care of constructing the page.

Another thing that was really fun were the layout design and assets creation processes. There were a lot of lists. I focused on creating interesting and appealing bits of information through images, short paragraphs, and reasonable whitespace.

Part of Tools page.