amcquade / quick-feed Goto Github PK
View Code? Open in Web Editor NEWA simple ReactJS app for rendering RSS feeds
A simple ReactJS app for rendering RSS feeds
Prevents a request if the input is blank
In order to achieve this, we need to :
const initialState = {
currentFeed: {
episodes: [],
program_title: '',
program_image: '',
program_description: '',
program_link: ''
},
onFetching: false,
previousFeeds: [],
error: false,
favoriteFeeds: [],
};
search for an RSS feed by name, a list of possible feeds should be returned for the user to select and render, unless an exact match is found. eventually it would be cool to have auto complete, unsure if thats feasible
user should see something if there is an error in the feed parsing, invalid url, could not be found, not an rss feed, etc
Hello i'm Sodiki, me and my friend @[email protected] we want to add a Docker feature that will make it easier to contribute to the project.
With this feature, you no longer need to have React or Node installed locally. With this feature no more version problem.
You just need to have docker locally on the developer's workstation and that's it.
Anyone who wants to work without docker can also do so without any problem.
Features :
A Dockerfile at the root of the project
A docker-compose file also in the root of the project
Orders :
go to the root of the project and just run: docker-compose up --build
Leave a comment if you would like to add a feature or something like that
User should be able to play episodes from the feed listed on the feed. Suggestions can go below
the episode list is bumped down by the fetch animation if you search for additional feeds
App is throwing error when I try to run it locally using "npm start"
Node.js version : 20.5.0
We can save the favorite feeds reference in the LocalStorage in this format :
Key | Value |
---|---|
favorite-https://feeds.megaphone.fm/replyall | { "program_description" : "A podcast about the internet' that is actually an unfailingly original exploration of modern life and how to survive it." - The Guardian. Hosted by Alex Goldman and Emmanuel Dzotsi from Gimlet.", "program_image" : "https://megaphone.imgix.net/podcasts/05f71746-a825-11e5-aeb5-a7a572df575e/image/uploads_2F1610700524297-f3e2p6fbm79-8b4536488226b56e93a99ce9f7b555b5_2FReplyAll_ShowArt.png?ixlib=rails-2.1.2&max-w=3000&max-h=3000&fit=crop&auto=format,compress", "program_link" : "https://feeds.megaphone.fm/replyall", "program_title" : "Reply All" } |
We use the URL of the feed to identify each feed. We prefix the key with "favorite-" so we can iterate through the favorite feeds only and differenciate the favorites from other items, in case we would need to save other items in the LocalStorage.
We don't need to save the episodes in LocalStorage as we will make a RSS request call to get the feed when users select one of their favorite feeds.
Find something more interesting than the react logo
readme is a little bland..i think there is some package you can show gif-like usage. that or just some images would be nice.
I've tried with podcast url
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.