NEW PROJECT – Catholic Liturgical Date Checker

Category: | Posted on:May 29, 2024
catholic liturgical calendar

The Liturgical Date Checker project uses the Liturgical Calendar API to display information about Catholic Holy days. On page load it fetches info for today, tomorrow, and yesterday. It also has a search field that will return celebration info about a specific date.


This is just more basic API practice. I started this in February or March and fell off of it for a while. I wanted an API with a little more meat than the logo picker. Something more akin to the Open Library Search project with a few different kinds of data formats. This one had some arrays to loop through.


I initially had separate components for the Today, Tomorrow, and Yesterday results, but that wasn’t substantive enough for a coding exercise. I decided to add search functionality and refactored my display components into a single shared component that could take different dates and titles as props. The Javascript Date() object is the MVP of this project. I used it to compute the dates for the initial data fetch.


I forgot to wrap the contents of my .map() method in parentheses, which stopped me for an evening. Pretty dumb typo. I also didn’t wrap my error message in a proper div, which caused it not to show when invalid text was entered in the search field.

More substantially, I was unable to host the project on my site due to a mixed content error. Turns out the API is being served over http, as opposed to https, so the fetch gets stopped by the browser. It works locally, but would require that I set up a proxy and re-serve the data through https to get it to work. That’s a bit much for a React exercise.


I need to double check that my API selections are served through https going forward.

Related Logs

  • NEW PROJECT – Logo Finder

    March 7, 2024

    As part of my React API practice, I built a dirt simple Logo Finder using Clearbit’s Logo API. Simply enter a web domain, and the app will retrieve a logo image. Objective This is the third in a series of simple API fetching apps that I’ve built so far this year after the Public API’s […]

    Continue Reading
  • NEW PROJECT – Open Library Search

    February 25, 2024

    Added another API fetching project, Open Library Search. The app pings the Internet Archive‘s Open Library Search API to retrieve author, publication, purchase, and topic data for a user-provided book title. Objective My goal is to continue cranking out simple fetch projects until I can do them without relying on a crutch. I used my […]

    Continue Reading
  • UPDATE – Public APIs List Functionality

    February 15, 2024

    There are several new enhancements to the Public APIs List project. Hide CORS APIs I added a checkbox at the top that will filter out any APIs that require CORS headers in order to fetch them. It was the first additional feature that came to mind as I was evaluating the available keys in the […]

    Continue Reading