Quotes library

Features

1. Read quotes in from https://cdn.fyrfli.link/FavouriteQuotes.json
2. Display them all in a grid fashion
3. Has a live search feature that allows you to filter quotes based on a case-insensitive input field

To Do

1. Abstract it so that you can pick the file
2. Create a Docker file to build an image if desired

Releases

Dowload here

2024-11-08 12:18:15

# Reading json and randomly posting content

I wanted to create an "app" that would read in JSON and print out the results randomly based on a randomly generated number. It took me a while to get right, mostly because of the JSON file format. I have it down now. This is my result.

This started out as a looping display of random quotes and evolved to be just one large grid with all the quotes. It's getting to be a pretty large page so the next step for this is to make all items the same size with a "more..." indicator that when clicked will open up a css popover with the full quote and an "X" to close.

~~19-Mar-2024 ~~