Dev Diary Week 1 - The Kickoff
Tags: rss, express, sqlite, showdev
Published: 2020-04-09 15:06:49

---
title: Dev Diary Week 1 - The Kickoff
published: true
description: This post is an entry in a weekly development diary on building a feed-aggregator-based blog on Glitch. This week, I discuss what I'll be building, and why I'm journaling the process.
tags: rss,express,sqlite,showdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/06l1787yedv7wynyna3m.jpg
series: Dev Diary
---

> This post is an entry in a weekly development diary on building a feed-aggregator-based blog on [Glitch]. Only a small part of building an app is code; the bulk of your time is spent planning, experimenting, making mistakes, getting frustrated, and making progress in baby steps.

## The build

Like many of you, my online life is lived across several platforms: I've got a [personal blog], a [microblog], a [podcast], [open-source projects on GitHub], and [photography on Flickr], and my posts here, to name a few. Some of these are more active than others, so I'd like to create a way to pull all of that content together, and turn them into a firehose of my stuff that can be shared in a single place.

I plan on building this on [Glitch]. What's Glitch, you say? Glitch lets you build full-stack web applications right in the browser, for free, _and_ deploys your changes live to the web as you type. It also lets me remix any public app, giving me a perfect copy of it to kick off my own work. You can learn more about Glitch [here].

For my app, remixing the [`~hello-sqlite`](https://dev.to/glitch/hello-to-the-new-hello-sqlite-5044) starter app gives me a nice jumping-off point. It's a full-stack app powered by [Node.js] and [Express], backed by a [SQLite] database. It's embedded below:

{% glitch rss-firehose %}

I'm also taking some inspiration from [`~lmo-feeder`](https://glitch.com/~lmo-feeder), too! Just like that project, I'll add a pretty front-end on it and have an auto-generated blog. For the first iteration, I'll create that with the [Pug] templating engine.

## How it all works

The magic that lets me do all of this is [RSS]. Essentially, RSS feeds are an XML-based document that can be subscribed to in a feed reader. You can see the [feed of my posts here on dev.to], which looks something like this:

```xml
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>Angelo Stavrow</title>
    <author>Angelo Stavrow</author>
    <description>Web and iOS/Mac developer. Podcaster. Your biggest fan.</description>
    <link>https://dev.to/angelostavrow</link>
    <language>en</language>
    <item>
      <title>create-react-app and Express, together on Glitch</title>
      <author>Angelo Stavrow</author>
      <pubDate>Fri, 14 Feb 2020 15:52:54 +0000</pubDate>
      <link>https://dev.to/glitch/create-react-app-and-express-together-on-glitch-28gi</link>
      <guid>https://dev.to/glitch/create-react-app-and-express-together-on-glitch-28gi</guid>
      <description>&lt;p&gt;&lt;a href="http://glitch.com?utm_medium=weblink&amp;amp;utm_source=dev.to&amp;amp;utm_campaign=blog&amp;amp;utm_content=dev"&gt;Glitch&lt;/a&gt; is the fastest way to get an app or site up and running live on the web, but it runs apps on only one port. Sometimes you need more, like when you're building a &lt;a href="https://glitch.com/culture/react-starter-kit/?utm_medium=weblink&amp;amp;utm_source=dev.to&amp;amp;utm_campaign=blog&amp;amp;utm_content=dev"&gt;React front end&lt;/a&gt; with create-react-app and the back-end with &lt;a href="https://glitch.com/~hello-express?utm_medium=weblink&amp;amp;utm_source=dev.to&amp;amp;utm_campaign=blog&amp;amp;utm_content=dev"&gt;Express&lt;/a&gt;. Here's how to work around this constraint, with a proxy middleware and some port-switching logic!&lt;/p&gt;

      [...]

      </description>
    </item>
  </channel>
</rss>
```

There are a couple of different variations on this format, but they're all nicely defined. To define the feeds I'm interested in, my plan is to use an [OPML file]. OPML is another XML-based format in which you can list a set of RSS feeds. Many RSS readers use OPML files for importing and exporting your list of feed subscriptions.

## Thinking out loud

While I do keep a "normal" journal, I'm very new to the idea of a development journal. I first tried this in February while working on another app, and found it to be very helpful! Writing out my thought process, my learnings, and my frustrations keeps me moving forward and provides a historical record that's far richer than any collection of code comments and commit messages, in my experience.

(You should still write useful comments and commits, though!)

## Do you keep a development journal?

If so, have you found it to be helpful? If not, is there a reason you don't? Let me know in the comments!

<!--references-->
[Glitch]: https://glitch.com?utm_medium=weblink&utm_source=dev.to&utm_campaign=blog&utm_content=dev
[personal blog]: https://angelostavrow.com/
[microblog]: https://micro.blog/angelostavrow/
[podcast]: https://www.makebeforebreak.com
[open-source projects on GitHub]: https://github.com/AngeloStavrow/
[photography on Flickr]: https://www.flickr.com/photos/astavrow/
[here]: https://glitch.com/create
[Node.js]: https://nodejs.org/
[Express]: https://expressjs.com/
[SQLite]: https://www.sqlite.org/
[RSS]: https://cyber.harvard.edu/rss/rss.html
[feed of my posts here on dev.to]: https://dev.to/feed/angelostavrow/
[OPML file]: http://dev.opml.org/
[Pug]: https://pugjs.org/
[feedparser]: https://github.com/danmactough/node-feedparser
[opmlparser]: https://github.com/danmactough/node-opmlparsers