Repo to upload and improve upon my random podcast project (incl. JSON data to query).
Inspired by the fCC "Random Quote Machine" project.
Aims: practice JS, have a go at using AJAX, work with JSON, practice basic CSS grid layouts.
-
Very basic (very ugly) layout/design - index and css currently not visible on github due to design! - Javascript to bring in
random quote from array- now using JSON (see stretch goals) and podcasts - Display podcast image
- Tweet button (integrated as image URL)
- Image alt text
- Slightly less ugly design
- Responsive layout and font size
- [] Prettier, more responsive design (incl image)
- Javascript to bring in random podcast from object
- Host JSON in separate file (on GitHub) and query as an API, using vanilla (plain) JS
- Include "categories" from JSON as hashtags in tweet
- Add podcast generator history
- Add tweet buttons for items in history
- Wrap images in history properly
- Limit history to X entries, instead of just resetting it after each 12... Update: decided to make history limited to 12 entries max, but no hard reset (thanks to good old array methods). See for yourself by generating >12
- [] Avoid repeating random suggestions
- Reverse order of history? (very easy fix - used "afterbegin" instead of "beforeend")
- Increase number of podcasts in JSON
- Auto-load podcast recommendation (window.onload button click - easy peasy)
Here's a recent screenshot from my PocketCasts app. 140 subscriptions and 3,282 played!
