LucaswithC / Podcast-Directory

A Podcast Discovery Webpage as a contribution to DEVJAM

Home Page:https://podcast-directory-lucas.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Podcast Directory

Created as a contribution to DEVJAM

Table of Contents

  1. About the Project
  2. Gallery
  3. Background
  4. Technologies
  5. Contribution
  6. License

About the Project

Idea

The Basic Idea of the Podcast Directory is to have an Overview of almost any podcast that exists. It can help you discover new Podcasts or to find podcasts based on your Search.

Features

When you visit the Website, you immediately get the newest Trending Podcasts, so you can get an overview of what podcasts are relevant at the moment. When you scroll down, you get the newest uploaded Episodes from any Podcast. Furthermore, you can see the Top-Podcasts from the Categories Film, Comedy, News, Games and Education. And if you haven't found a fitting Podcast within those Results, there are random Podcasts at the Bottom, which change every time you visit the Page. If you do find a Podcast that you like, you can click it, which will bring up a sidebar with more information about the Podcast, a link to the hosting site of the Podcast and a function to add the Podcast to your Favourites which will be shown at the Top of the Page. If you have specific Preferences for Podcasts, you can search for any topic in the search bar and discover a ton of Podcasts that fit your search query. Last but not least, you can even filter your searched Podcasts to hide or show shows with explicit content.

Gallery

Screenshot 2022-04-12 at 16-23-15 Podcast Directory

  1. Overview of the Homepage

Screenshot 2022-04-12 at 16-46-08 Podcast Directory

  1. This is the Sidebar with the detailed Podcast Information

Screenshot 2022-04-12 at 16-45-21 Podcast Directory

  1. The banner with the Search Input

Screenshot 2022-04-12 at 16-46-30 Podcast Directory

  1. After the Search these are the Search Results

Background

This Project is my first entry for DEVJAM, a 2 weeks competition about online Web-Projects. You build a Project to a specific theme, and you have to complete the goals. You compete against other developers who are building the same projects and at the end, the Winner of the DEVJAM is chosen by a public vote.

Technologies

For creating this Project, I used following Technologies:

Contribution

If you find any bugs or you want to contribute to the Project after the DEVJAM is over, feel free to do so. To contribute, please follow these steps:

  1. Fork the repo on GitHub
  2. Clone the project to your own machine
  3. Commit changes to your own branch
  4. Push your work back up to your fork
  5. Submit a Pull request so that I can review your changes

License

GNU General Public License v2.0

About

A Podcast Discovery Webpage as a contribution to DEVJAM

https://podcast-directory-lucas.netlify.app/

License:GNU General Public License v2.0


Languages

Language:JavaScript 73.8%Language:CSS 23.5%Language:HTML 2.8%