/dsgn270-a3

Primary LanguageVueMIT LicenseMIT

DSGN270-A3 - Lucas Cummings

User Story :

Skateboard Magazine

  • As a skateboard magazine company I would like to show a skater of the day on my website, to display skaters for possible sponsorships and to maintain popularity in skateboarding.

  • This integration would first save clients from asking me to update their page everytime they post. Skating is also a slowly dying industry, but if more people see the value in it (Like a new skateboard magazine) they will more likely sponsor new skaters. Skaters will also be incouraged to post their stunts, to hopefully get featured on the page. Bringing in more attention from the hashtags.

Task Flow

  1. Log into your business profile on instagram
  2. Find a skater you would like to award skater of the day
  3. Make a new post inlcuding the name of the skater followed by the hashtag : #skateroftheday
  4. Navigate back to your website
  5. Refresh your website
  6. Success!

Securing the API

To secure the API I used this article to add a Netlify toml file that points to a functions folder. In this folder is a script that uses axios and dotenv. Now all the tokens usually found in the ".env" file are secured in my Netlify environment variables. I wish Netlify had a feature where you could just add the actual .env file so the code still points to that file but only the user and Netlify have access to it. This feature would remove a lot of hassle and dry up your code.

API Info

Repo and Netlify

Attributions