qit: Listen to Programming Podcasts by Topic

qit...get it? get it? Like...Queue I.T.!

Ok so yeah, the title needs work, but the idea is to let programmers find and listen to podcasts by topic.

Check out a preview here: https://qit.cloud

Running the website

The website is a Progressive Web App built on ReactJs that uses styled components.

NEW Before you run this program

Since we are improving a lot of the features, the most simple way to get the app to work is to download and install Docker on your machine. This only needs done once, and is the best way to enjoy all of the options. The specifics for the software are on the pages, and should be simple to follow.

If you do not work in the software field, simply installing the program correctly should be enough to allow you to run the local version.

Installation Instructions

Install Docker Desktop

If your system does not support docker

You will need to download and install Ruby and Postgre. Warning! No further instruction exist at this time for this method.

Running locally:

Create a fork of the qit repo.
Clone forked repo.

Run following commands in the commandline of your choice

# Start Postgres and the API
docker-compose up -d

# Setup pre-commit hooks
npm install

# Setup front-end
cd ../website
npm install
npm start

Running in "production:

Well, that's a bit complicated right now. The website is in netlify, the API is hosted in linode, the search engine, the podcast-feed-loader is a scheduled serverless function, the proxy is in heroku, and the db is in elephantsql. Phew!

Website

REACT_APP_BASE_SEARCH_URL
REACT_APP_BASE_API_URL 

|

| 'http://localhost:3005/api/v1',
REACT_APP_CORS_PROXY 

|

| 'https://cors-anywhere.herokuapp.com/',
REACT_APP_MAX_SEARCH_RESULTS 

|

| 200,
REACT_APP_SEARCH_API_KEY 

|

| '18EA821D408444FCF3DC3EC4F3790FEC',
REACT_APP_PLAYBACK_RATES
REACT_APP_AIRBRAKE_PROJECTID
REACT_APP_AIRBRAKE_PROJECTKEY

API

You can see what is available for the api in the qit-api/production-setup/.env file

Podcast Feed Loader

Check out the podcast-feed-loader project for a listing there.

Linting the React website

This website uses the Standard style guide, you can run the linter with the command below but we'll also zap you with a pre-commit hook before you check any semi-colon in.

standard --fix

E2E the React website

With the Dev Server running

To run cypress interactive mode, run the following commands:

cd website
npm run cypress:open
<click run all tests on the GUI>

To run cypress headless mode, run the following commands:

cd website
npm run cypress:run

Without the Dev Server running

cd website
npm run local:e2e

Spin docker containers

Go to desired folder.

# test docker enviroment bindings before creating containers
docker-compose config

# start local development
docker-compose -f docker-compose.yml -f docker-compose.local.yml up -d

# start regular docker
docker-compose build && docker-compose up [ OPTIONAL ] -d (if console is not needed)

# to start specific service
docker-compose -f docker-compose.yml up -d website (or any other service name from docker-compose)

Command to stop container:


# to stop containers
docker-compose stop

How can I add a new podcast?

The search engine gets populated via a different github project, the QIT Podcast Feed Loader project.

Contributors

We now have a bot! If you are, or have, contributing to this project, please send a PR with @all-contributors please add @[your GitHub account name] for type of contribution

Huge thank you to everybody that has worked on this project!

_{Aaron Clawson} 💻	_{Adam Lantz} 💻	_{Aditya Kolla} 💻	_Arlene 📖 ⚠️ 💻	_{Artyom Emelyanenko} 💻	_{Ben Steward} 💻
_{Brandon Lyons} ⚠️	_Chris 💻	_{Dave Follett} 💻 🚇 📖 ⚠️	_{Gary R Krause} 📖 ⚠️ 💻	_{Joe Zack} 💻 🎨 🚇 📖	_{Joseph Dollahon} 📖
_{Mikkel Madsen} 💻 🚇	_{Nicolas Marcora} 💻 ⚠️	_{Paul Mcilreavy} 💻	_{Sung Kim} 📖	_Vladimir 🚇 💻 📖