RSS feed reader website

761 developers have joined this project.

What you will practice

Through this project, you'll work with and become more familiar with RSS feeds. If you choose to implement the parser yourself, you'll also practice how to parse XML.

Introduction

Let's build an RSS feed reader! Most news websites, blogs, podcasts, maintain a RSS feed which gives real-time content updates. You'll build a tool for fetching and converting the feed with a given RSS feed URL. If you aren't familiar with RSS, here's a great introduction to how RSS feeds work.

RSS feed reader website demo

Requirements

The user can input a RSS feed URL.
The reader will display the title, description, and link of the original content.

For an extra challenge

The user can add more than one RSS feed URL.
Instead of using a RSS parser library, build the parser yourself!

Suggested Implementation

To get practice with front-end development, you can create a web page to display the parsed feed content.

Use the front-end tech stack of your choice
An input field for the feed URL
Show the feed content in HTML - bonus points for additional styling for ease of reading

If you only want to practice working with RSS without the front-end portion, you can work on this project instead to implement this in the terminal.

References

Existing RSS parser libraries
- Ruby: https://github.com/ruby/rss
- npm: https://www.npmjs.com/package/rss-parser
- Python: https://pypi.org/project/feedparser/
How do RSS feeds work?
RSS channel element

Hit a programming wall?
Get help from our mentors

Post request free
First 15 mins free

Suggested languages and frameworks

Ruby PHP Python Node.js Angular React JavaScript

Difficulty

easy

Contributed by

Sylvia Shen

Back-End Developer @ Codementor

Interested in this project?

Shorten your learning curve with on-demand programming help

The awesome set of verified mentors will provide guidance and mentoring help when you are stuck.

Suresh Atta

Post request free
First 15 mins free

Shorten your learning curve with on-demand programming help

Other recommended projects

medium

Weekly newsletter summary email

Build a serverless app to consolidate your email subscriptions into a single weekly summary email. This will declutter your inbox and combine the email newsletters you've subscribed to.

Python

easy

Build a screenshot pipeline

Set up a CI/CD workflow which will produce a screenshot of your homepage and keep it updated as you keep changing the code. This kind of always-up-to-date screenshot can be useful for your README or as the basis of marketing materials that include screenshots of your website. You can even use these images to perform [visual regression testing](https://medium.com/loftbr/visual-regression-testing-eb74050f3366)!

Node.jsReact

easy

Simple web contact form

A form often needs to be used to pass data to various other applications. In many cases, it could be a database, in others, it may be to give a specific answer or a quote. Regardless of how the information may need to be used, it is an important skill to be able to move data to new pages so it can be manipulated for use in further code. For this project, you will create a HTML web form.

PHPHTML/CSS