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. Objective This is just more basic API practice. I started this in […]
Read MoreA simple tool for checking Holy days. Uses the Liturgical Calendar API Installation Clone the repository git clone https://github.com/K8215/catholic-liturgical-date-checker.git Navigate to the project directory cd catholic-liturgical-date-checker Install dependencies npm install Usage Run the development server npm run dev Known Bugs This project does not work on the server due to content mixed content error. The […]
Read MoreAs 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 […]
Read MoreApp that retrieves a logo image from a web domain using the Logo API by Clearbit. Installation Clone the repository git clone https://github.com/K8215/logo-finder.git Navigate to the project directory cd logo-finder Install dependencies npm install Usage Run the development server npm run dev Updates 3/7/2024 – Added enter key functionality.
Read MoreAdded 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 […]
Read MoreApplication that takes user input and pings the Open Library Search API to return information about books. Installation Clone the repository git clone https://github.com/K8215/open-library-search.git Navigate to the project directory cd open-library-search Install dependencies npm install Usage Run the development server npm run dev Known Bugs I’m conditionally applying a link to each result depending on […]
Read MoreThere 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 […]
Read MoreI built a simple app called Public APIs List that prints a list of all the free APIs available through public-api. Objective I want to get more comfortable with the JavaScript fetch API. I needed inspiration for another project to work on and figured I’d start by looking at big lists of free APIs that […]
Read MoreA dead-simple React app that fetches a list of free APIs from public-api. Installation Clone the repository git clone https://github.com/K8215/publicapis-list.git Navigate to the project directory cd publicapis-list Install dependencies npm install Usage The app can be used to view a full list of available API titles in a responsive four-column layout. Updates 2/15/24 Added checkbox […]
Read MoreThe Obligatory To-Do App is a simple React project that I whipped up to test out Vite. Objectives The most popular React scaffold, create-react-app, is no longer being maintained, so work needed to find an alternative for spinning up smaller SEO-agnostic React builds. The to-do app is one of the most basic coding projects so […]
Read MoreThe Obligatory To-Do App is exactly what it is. It’s a foundational project for testing new languages and frameworks. This one uses local browser storage only. Installation Run: npm install Then: npm run dev Usage Type a thing to do in the text area, then click the Add Item button to place the item in […]
Read MoreI re-built my Game Picker 9000 project in Next.js 13. The new routing system is very appealing, but as of right now the deployment documentation leaves something to be desired. Will need to investigate that further if I’m going to dip into headless WordPress. Features: Split original markup into components Converted vanilla JavaScript listeners to […]
Read MoreThe Game Picker Next is a re-build of my original Game Picker 9000, this time using Next.js. With create-react-app being depreciated, I made the recommended switch to create-next-app, and jumped right into the new app router that was just added in Next.js 13. Usage Just like the Game Picker 9000, Game Picker Next takes in […]
Read MoreI re-built my Responsive Web Portfolio project in react for practice. It went pretty smoothly and provided a good opportunity to practice some essential react concepts. React Features Employed: Split project out into nested components Converted vanilla JS event listeners to state Used effect hook to listen for user scrolling action Discovered react-router-hash-link package that […]
Read MoreThis is a re-branded copy of my Responsive Web Portfolio project built in React. I thought it would make good practice just to take a simple web page I was already familiar with and convert it. Turned out to be a perfect introductory-scale project. Routing and React Router Hash Link Even though there’s only one […]
Read MoreI added a React Lightbox Gallery to the projects archive. It is my first attempt at an independent React project. Lightbox Gallery Features Landing page with welcome text. Presentation page with image gallery and categorized navigation. Images expand to a detail view when clicked. The initial setup for this React project is minimally featured due to a […]
Read MoreThe React Lightbox Gallery is a simple lightbox app for displaying multiple images. It’s my first foray into the React JavaScript framework. React Lightbox Gallery Concept I needed to come up with a fun PowerPoint presentation for happy hour at work but decided to build an app instead. I’d recently built a marketing tool for […]
Read More