Since both websites are not running on a server right now, I am illustrating them with screenshots of how they look like when running locally. This site will be updated once I put the website onto a server.
The Django website
Home Page
If we click St. Mary’s in 1870 Albany, we land on this page:
The detail page of St. Mary's
Then, by clicking the name “Rev. C. Walworth,” we can browse this person’s detail page, which contains information about this person in the year 1870:
The detail page of Rev. C. Walworth
We can also use the search bars to search for or filter institutions:
The search result page of St. Mary's in Boston and related people
Or search by person name:
The search result page of people named John and related institutions
The Nodejs/Angular website
Below is the browse institution page of the Nodejs website. There are two major differences between the new website and the old one. First, instead of displaying institutions and people parallelly in two columns, I chose to have two separate pages: one for institutions, and one for people. Second, on this more advanced website, I no longer treat an institution in a specific year as an individual entity. Instead, I treat IDs as unique entities – in other words, the institutions on this page are grouped by their ID, and by clicking their name, users can view the more detailed page that has all other information about the institution throughout different years. I will elaborate on the decision-making process in the reflection section.
Browse Institution Page
The institution detail page contains all the metadata of a specific institution. The default page (“All years”) displays the metadata of the latest year of that institution (in this case, year 1870) and all the relevant people and institutions across various years.
The detail page (all years) of Cathedral Chapel of the Holy Cross
If a user hits a year button – for example, 1869 – then they can view the metadata of that specific year: language, diocese, city, relevant people in 1869, etc.
The detail page (1869) of Cathedral Chapel of the Holy Cross
On the previous page, if we click the person “Rev. P.J.Power,” we can access their person detail page as well:
The detail page Rev. P.J.Power
There is also a browse people page similar to the browse institution page.
The browse people page
On both the browse institution page and the browse people page, users can explore and search for the institution/people they are interested in by putting in filtering criteria in the search bars.
The search result of St. John's in Boston
For a reflections page, see here.