/tcdb-backend

Primary LanguageJavaScript

LinkedIn


True Crime Podcast Database

A true crime podcast database!
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Features
  4. Contact
  5. Acknowledgements

About The Project

Product Name Screen Shot

This project was created because I wanted nice way to view true crime podcast data. This is just a framework of the site I hope to make. I plan to add categories and filters, and fix the search implementation. I used this project as an excuse to try out Next.js. I implemented server side rendering on all pages that fetch data. I also tried out the Mantine UI library for quick development and iteration.

(back to top)

Built With

Libraries Used

(back to top)

Getting Started

Live Demo

Take a look at the demo here.

Installation

Install the backend
git clone https://github.com/craigmclean39/tcdb-backend.git
cd tcdb-backend
npm install
touch .env
nano .env
MONGODB_CONNECT=mongodb+srv://[username]:[password]@database-address
cd ..
npm run start

Install the front end
git clone https://github.com/craigmclean39/tcdb-frontend.git
cd tcdb-frontend
npm install
touch .env.local
nano .env.local
NEXT_PUBLIC_SERVER_ADDRESS=http://localhost:3001
npm run build
npm start

Populate the Database
http://localhost:3000/admin
Click populate

Features

  • View the latest episode releases. New episodes are scanned hourly.
  • View podcast information, and information about it's episodes
  • Podcast and episode lists are paginated
  • All pages do their initial fetch call server side before the page is served to the browser
  • HTML Head tag filled dynamically for SEO
  • Listen to episodes in embedded player
  • Mobile support

Contact

Craig McLean - craig@craigmclean.dev
https://www.linkedin.com/in/mcleancraig/

Project Link: https://github.com/craigmclean39/tcdb-frontend

(back to top)

Acknowledgments

(back to top)