howtocodewell/howtocodewell.fm

The Podcast Website

How To Code Well

🎙️Latest YouTube Videos

New videos every week. Here are the latest:

• 5 Software Development Interview Questions #podcast #softwareengineer #interview
• When to use a micro framework #laravel #wordpress #coding #programming #webdevelopment
• 200 - Software Development Interview - Soft Skill Questions
• 199 - Whats going on with the Web Development Job Market #podcast #webdevelopment #programming
• STOP ARGUING in GitHub pull requests #coding #webdevelopment #programming

👉 more videos...

▶️ Latest Live Coding Streams

Live coding on Twitch every:

• Tuesday 07:00 BST
• Thursday 21:00 BST
• Sunday 14:30 BST Here are the latest vods

• Working on course notes for howtocodewell.net
• Code Quiz \ Unit tests and PHP fixes
• Code Quiz \ Markdown to MYSQL
• Creating Instagram HTML Developer tips
• Open Source \ Creating Doctrine Fixtures

👉 more vods...

howtocodewell.fm's Issues

Missing favicon

Create cron job to update the feed

• Run every 15 minutes
• Via Ansible
• Run in a local container
• Run in a staging container
• Run in a production container

Add Google Tag Manager

This needs to be injected some how via the .env file so it's not present in development

Fix rss import error

 \u001b[39m", "\u001b[32m                                                                                \u001b[39m", "", "{\"message\":\"Warning: Attempt to read property \\\"nodeValue\\\" on null\",\"context\":{\"exception\":{\"class\":\"ErrorException\",\"message\":\"Warning: Attempt to read property \\\"nodeValue\\\" on null\",\"code\":0,\"file\":\"/var/www/html/src/Command/RssFeedImporterCommand.php:59\"}},\"level\":300,\"level_name\":\"WARNING\",\"channel\":\"php\",\"datetime\":\"2021-10-29T06:36:54.555316+00:00\",\"extra\":{}}", "{\"message\":\"Warning: Attempt to read property \\\"nodeValue\\\" on null\",\"context\":{\"exception\":{\"class\":\"ErrorException\",\"message\":\"Warning: Attempt to read property \\\"nodeValue\\\" on 

Add Season 1 shows

Season 1 is currently missing. This is quite a big task as there are a good number of episodes to add.
We also need to link this to the homepage

Link to the RSS feed

This is use the Libsyn feed https://howtocodewell.libsyn.com/rss

Update PWA install URL

When installing the PWA the URL should end with ?pwa_action=install

Create a schedule page

For the MVP show the next set of episodes that are scheduled on YouTube.

Resources:
YouTube API live broadcasts

• Install the YouTube PHP SDK
• Create a Schedule table in the database
  • show_id
  • show title
  • show date and time
• Create a Symfony console script
  • Authenticate with the YouTube API
  • Search upcoming live broadcasts
  • Create / update show records from YouTube API response
• Create the schedule page
  • List upcoming broadcasts on page
  • Display the following per item:
    • Title
    • Start time and date
    • If the API returns no broadcasts then display hardcoded text that explains the normal show times
  • Update readme/env with the YouTube creds

A guest page

A guest can be on more than one show. We should create a page for each guest that list all of their shows.

Pull down twitter images automatically

There are a number of guests who have out dated Twitter profile images. This is because these images have been downloaded manually per episode.
This is also not scalable.

We need to create a mechanism that automatically downloads a Twitter profile image based on the Twitter name.

One idea is to use a service like avatars.io to return a profile image. Then cache this locally using Apache and mod rewrite. Something similar to this: https://david.elbe.me/code/php/2014/09/17/cache-images-with-php.html

Create index page for season 2

This should list all of the posts from season 2 (Much like the homepage)

Add pagination for the show listing

We should show 10 episodes per page with paginated links the next previous pages.

Create sitemap xml

Add a hamburger menu for mobile

SSL certificate needs to be added

This isn't a high priority right now as we don't have any forms on the site. However this should be done and will require some investigation as to how it's implemented with the Docker container

Add support for canonical URL

Follow this article https://yoast.com/rel-canonical/ and add support for canonical URL's on each page.
This should be done before #25

player height is not current on desktop

Archive page should display error when now shows are found

eg:
https://howtocodewell.fm/archive/1000

Convert howtocodewell-fm docker image to be public.

• Pull both staging and latest and inspect the image contents for security issues.
• Check if sensitive data has been removed/ignored from image

Add HrefLang tag to each page

We only have one language version but its good practice to define it alongside the canonical link.
This is also future proofing the site for multiple versions in the future.
For more details: https://yoast.com/hreflang-ultimate-guide/#hreflang-canonical

A guests page

Related to #7
This is a page that lists all of the guests with their avatars. Each avatar is clickable to the individual guest page (#7)

Add a basic sitemap

This doesn't need to be fancy at this stage. Just a basic sitemap will do.
Styling can be done later.

404 page not loading

https://howtocodewell.fm/blah for example returns the standard Apache The requested URL /blah was not found on this server. page whereas I assume that it should load https://howtocodewell.fm/404?

Create a top 10 episodes page

There are currently 21 episodes on the site and some of the older ones are getting very popular. Unfortunately their popularity isn't displayed on the site and older episodes are moved down the list.
This feature request attempts to address this issue.

Create a page that lists the top 10 podcasts with links to the relevant episodes.
This requires further investigation as this really needs to be automated. Perhaps the podcast host has an API that could be accessed.

Requirements:

• Investigate a means of gathering popular episodes via an API
• Create a script that accesses the API
• Create a page in Sculpin
• Create a main menu item
• Create a cron script that updates the list

Error when generating site locally

root@7d098d5dde03:/var/www/html# bin/sculpin generate --watch --server

Fatal error: Uncaught Error: Class 'Symfony\Component\Console\DependencyInjection\AddConsoleCommandPass' not found in /var/www/html/vendor/sculpin/sculpin/src/Sculpin/Bundle/SculpinBundle/SculpinBundle.php on line 50

Error: Class 'Symfony\Component\Console\DependencyInjection\AddConsoleCommandPass' not found in /var/www/html/vendor/sculpin/sculpin/src/Sculpin/Bundle/SculpinBundle/SculpinBundle.php on line 50

Customise the 404 page

At the moment the 404 page uses the default theme.

Duplicate shows number found. /1 /2 /3 and so on.

Make sure sure show number is unique in import script. Perhaps add a unique key to the database table

Episodes are missing OG and twitter card meta tags

This has happened since #10

PHP Stan errors in master

 ------ ---------------------------------------------------------------------------------
  Line   Controller/FeedsController.php
 ------ ---------------------------------------------------------------------------------
  6      Could not read file: /var/www/html/vendor/composer/../../src/Model/Feedback.php
 ------ ---------------------------------------------------------------------------------

 ------ ---------------------------------------------------------------------------------
  Line   Controller/SponsorController.php
 ------ ---------------------------------------------------------------------------------
  6      Could not read file: /var/www/html/vendor/composer/../../src/Model/Feedback.php
 ------ ---------------------------------------------------------------------------------

Implement the Web Share API

The Web Share API will allow Android PWA users to share pages from the app on their mobile devices: https://developers.google.com/web/updates/2016/09/navigator-share
Also checkout this article for more code examples:
https://pwafire.org/developer/codelabs/add-navigator-share/

Investigation: Try Sculpin instead of Jekyll

Sculpin is a popular PHP static site generator that is based on Symfony components and uses composer.
Jekyll is great and totally fit for purpose however:

• Jekyll runs on Ruby and this isn't an overly familiar language to me
• The site doesn't require GitHub Pages
• Think of the PHP goodness

Tasks:

• Tag current version as 1.0.0
• Create a branch called sculpin-test
• Install Sculpin
• Create a Dockerfile
• Update deployment scripts
• Deploy from sculpin-test and review on test server

Convert to GatsbyJS

I would like to keep the HTCW sites using a standard set of technologies and newer sites are being built in GatsbyJS.