Photofeed.club - Combined App/Featured Photographers/fixes

Repository

https://github.com/code-with-sam/photofeed.club

This update brings a new of features I’ve been adding to photofeed.club over the past week.

New Features

Combined the API + Static Site Together

The initial version of the project was created as a rough single HTML file MVP. One of the main emphasis of the project was to showcase how https://finallycomments.com can be easily integrated into the most basic of sites.

As the project grew there was multiple pages still using basic HTML files. In the previous update I created an API for querying featured photographers. As I was now hosting a 24/7 service for the site anyway I decided It was time to combine the API/Site into one app. I converted the HTML pages into templates and added the specific routing/url changes for an Express.js based app.

One main advantage is friendly url structure for photographers now available at https://photofeed.club/@sambillingham instead of the previous https://photofeed.club/profile.html?photographer=sambillingham. While URLS aren’t everything I do think it helps to match patterns users are familiar with.

PR5

Featured Photographers

The featured photographers script that checked @photofeeds account for photographers has been created into a module that can called from within the new Express App. I’ve added a new update function that runs every 2 hours, updating the database with new photographers that have been featured

Photographers page has been split to showcase both most featured and also recently featured. With only 5 new features daily it will be difficult to displace those at the to, the recently featured list helps to make the data more dynamic.

by default only top photographers are shown with a button to reveal the rest to increase load times.

PR6

Dynamic header

The static header images now features photographs from the feed in a fading carousel. Adds some extra life to the page.

Fixed the active state for pages and links logo mark in top right.

PR7

JS Bundler + fixes

setup project to use parcel removing all JS links to CDNs. Now serving an individual JS file with all dependencies included. Updated any parts of main.js to use new npm served deps.

Now the site is an express app it requires additional hosting. My host of choice is zeit.co for its simple and seamless builds.

Readme now reflects new updates.

PR8

Created a standalone feeds website template

I feel the HTML version was useful and so have created a standalone version of the HTML site template with anything related to the original project removed. IT can now be found at code-with-sam/yourfeed.steem. Deaulting to steepshot hashtag and my user profile, these details can be changed at the top go main.js. If you’re interested in setting up a site that uses a different hashtag or individual profile, check it out.

Bug Fixes

• Fixed an issues causing .jpeg images to be ignored by my post parsing functions. When checking the file extension for images I had checked against the last three characters .eg .jpg, .png, .gif and had mistakenly used .jpe instead of .peg. for .jpeg. GH

Ideas and contributions

As always, super interested t hear if you have any ideas or thoughts for this project. If you’d like help setting up your own version of this site please get in touch.

Github

https://github.com/sambillingham

PR5 combine Static Site + API
PR6 Featured Photographer Scheduled update/new db
PR7 New carousel/header
PR8 Fixes/Config/Bundler