<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: €mily</title>
    <description>The latest articles on DEV Community by €mily (@emilywritescode).</description>
    <link>https://dev.to/emilywritescode</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F391250%2Faa7dd1a8-3666-4079-89da-9f48ba676ac8.jpeg</url>
      <title>DEV Community: €mily</title>
      <link>https://dev.to/emilywritescode</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/emilywritescode"/>
    <language>en</language>
    <item>
      <title>My Albums App (a Foray into Personal Coding Projects)</title>
      <dc:creator>€mily</dc:creator>
      <pubDate>Wed, 20 May 2020 20:24:02 +0000</pubDate>
      <link>https://dev.to/emilywritescode/my-albums-app-a-foray-into-personal-coding-projects-2egf</link>
      <guid>https://dev.to/emilywritescode/my-albums-app-a-foray-into-personal-coding-projects-2egf</guid>
      <description>&lt;h2&gt;
  
  
  What's this?
&lt;/h2&gt;

&lt;p&gt;I'm sharing my experience and progress in working on one of my personal coding projects. This is one of my earlier ones that I started in junior year of college. It's still a WIP as I continue adding features and tweaking the design.&lt;/p&gt;

&lt;h2&gt;
  
  
  The project
&lt;/h2&gt;

&lt;p&gt;The project is currently titled "my-albums-app". It's a webapp that displays the albums I've listened to in the past few years. I have a database that stores all of this information about albums and artists. I'm working on creating statistics pages for each year to see information about the music I listened to each year and see if I can find any patterns (for example, genres or artists that I listened to and if any new interests showed up).&lt;/p&gt;

&lt;h2&gt;
  
  
  Link to Code
&lt;/h2&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vWogaON8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-28d89282e0daa1e2496205e2f218a44c755b0dd6536bbadf5ed5a44a7ca54716.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/emilywritescode"&gt;
        emilywritescode
      &lt;/a&gt; / &lt;a href="https://github.com/emilywritescode/my-albums-app"&gt;
        my-albums-app
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      Webapp that keeps track of all of the albums I've listened to each year.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;h1&gt;
my-albums-app&lt;/h1&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer" href="https://raw.githubusercontent.com/emilywritescode/my-albums-app/master/readme-img/my-albums-app-welcomepage.png"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--pl9-9RBx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/emilywritescode/my-albums-app/master/readme-img/my-albums-app-welcomepage.png" alt="Screenshot of the welcome page to my-albums-app (as of January 2020)"&gt;&lt;/a&gt;
&lt;em&gt;Screenshot of the welcome page to my-albums-app (as of January 2020)&lt;/em&gt;&lt;/p&gt;
&lt;h2&gt;
Development process&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;January 2019 - March 2019: Originally this was a barebones Flask app connecting to a MySQL database. A few HTML pages. The beginnings of using APIs to display more data about albums.&lt;/li&gt;
&lt;li&gt;March 21, 2019: I started transitioning to an Angular frontend.&lt;/li&gt;
&lt;li&gt;April 4, 2019: App now fetches info about albums and artists from &lt;a href="https://developer.spotify.com/documentation/web-api/" rel="nofollow"&gt;Spotify API&lt;/a&gt; (with &lt;a href="https://spotipy.readthedocs.io/en/latest/" rel="nofollow"&gt;Spotipy&lt;/a&gt;), &lt;a href="https://www.last.fm/api" rel="nofollow"&gt;LastFM API&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;April 6, 2019: App now fetches social media info about artists from &lt;a href="https://www.wikidata.org/wiki/Wikidata:Main_Page" rel="nofollow"&gt;WikiData&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;May 20, 2019: Moved artist functions to separate module, changes to artist fetching with new MySQL database table.&lt;/li&gt;
&lt;li&gt;December 2019: We're back and readying for the new year (and decade)! I am currently working on stylistic changes and adding more to the artist pages, including links to listened albums pages for albums by that artist.&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;



&lt;/div&gt;
&lt;br&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/emilywritescode/my-albums-app"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;br&gt;
&lt;/div&gt;
&lt;br&gt;


&lt;h2&gt;
  
  
  How I built it
&lt;/h2&gt;

&lt;p&gt;This project has an Angular2 frontend with a Flask/Python backend. The database is MySQL. When I first started working on this project, I had recently completed a class project using this tech stack, so I based off of what I learned there. I also really first started using Github for code tracking with that class project.&lt;/p&gt;

&lt;h2&gt;
  
  
  Additional Thoughts
&lt;/h2&gt;

&lt;p&gt;I'm not the best with frontend design. I think the functionality is there, but my app doesn't &lt;em&gt;look&lt;/em&gt; the best. Ah well, still working on making it something I'm proud of! Further, I need to figure out to host the web app so others can look at my musical tastes!&lt;/p&gt;

</description>
      <category>octograd2020</category>
    </item>
  </channel>
</rss>
