https://github.com/laudebugs/onthistopic

A platform for curated podcasts, articles and music on a topic.
https://github.com/laudebugs/onthistopic

audio-player carousel firebase podcast react

Last synced: 5 days ago
JSON representation

A platform for curated podcasts, articles and music on a topic.

• Host: GitHub
• URL: https://github.com/laudebugs/onthistopic
• Owner: laudebugs
• Created: 2021-02-07T14:24:05.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T08:44:28.000Z (11 months ago)
• Last Synced: 2024-04-17T04:58:47.607Z (7 months ago)
• Topics: audio-player, carousel, firebase, podcast, react
• Language: JavaScript
• Homepage: https://onthistopic.web.app/
• Size: 8.91 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 16
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# On This Topic - Front End

## Roadmap

## Libraries to consider



    
rss-parser

    


React Audio Player



    




## Referenced projects

- [Winds - A Beautiful Open Source RSS & Podcast App Powered by GetStream.io](https://github.com/GetStream/Winds)

- [How Stream Built a Modern RSS Reader With JavaScript](https://stackshare.io/stream/how-stream-built-a-modern-rss-reader-with-javascript)

### Building the audio player

- [How to Customize Your Own HTML5 Audio Player](https://blogs.perficient.com/2017/12/19/how-to-customize-your-own-html5-audio-player/) by [John Shi](https://blogs.perficient.com/author/jshi/)

- [Manipulating and Animating SVG with Raw Javascript](https://chanind.github.io/javascript/svg/2019/01/13/manipulating-and-animating-svg-with-raw-javascript.html)

- [How to use SVGs in React](https://blog.logrocket.com/how-to-use-svgs-in-react/)

- [Handling events in React](https://reactjs.org/docs/handling-events.html)

- [Event Listeners in React Components](https://www.pluralsight.com/guides/event-listeners-in-react-components)

### The Podcast Carousel

- [Pure CSS Horizontal Scrolling](https://css-tricks.com/pure-css-horizontal-scrolling/)

- [How TO - Custom Scrollbar](https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp) - I referenced this to remove the scroll bar for the carousel

### Deploying to Google Cloud

[Deploying a React App to Google Cloud Platform using App Engine](https://medium.com/better-programming/deploy-a-react-app-to-google-cloud-platform-using-google-app-engine-3f74fbd537ec)