Cameron Rankin

Port

folio

Here are some of my favorite projects!

Applications may take a minute or two for the server to restart.

Resume app
  • What Not to Where
  • Technology Used:  
  • Express, React, NextJS, and Tailwind CSS
  • Description: 
  • Pulling from three separate weather APIs, a user is able to enter a city, pass the latitude and longitude to those APIs, and receive current, hourly, and weekly forecast and AQI information to the client. This data is viewable in a dashboard, a detailed view (by hour) in a table, and a modal giving information about what to wear given the current real feel temperature and weather.
  • Github (Frontend)
Resume app
  • Bake It Your Own
  • Technology Used:  
  • Express, React, NextJS, DaisyUI, CheerioJS, MongoDB, and Tailwind CSS
  • Description: 
  • A user is able to pass the url of two websites (Cookiesandkate.com or Cupcakesandkalechips.com) and with CheerioJS, scrape the html of the website and display core information to the front page (recipe title, ingredients, directions, and more). If a recipe has already been parsed, the recipe's information will be saved to MongoDB for quicker retrieval.
  • Github (Frontend)
Resume app
  • Kardnl Project
  • Technology Used:  
  • React, NextJS, EmailJS, Tailwind CSS, and Sanity CMS. APIs: Spotify, Apple Music, Youtube, and Soundcloud
  • Description: 
  • This is the landing page for my music production project. Users are able to read recent information about the Kardnl project, listen to recent releases/ DJ sets, find my upcoming shows, and contact me via email. My blog is powered by Sanity CMS.

  • This project centered around making a modern web app experience to highlight my creative project while still showcasing a clean design and consistent theme. By incorporating streaming APIs, I was able to make the site more interactive and the addtion of my blog and EPK, it acts as a venue for fans, labels, and venues to gather what they need to know about me as an artist.
Resume app
  • Possible Worlds
  • Technology Used:  
  • React, NextJS, EmailJS, and Tailwind CSS.
  • Description: 
  • This is the landing page for an amazing commerce site of unique crafts and wares!

  • The CEO/Founder of Possible Worlds provided a clear vision for this site in terms of colors, fonts, themes, and feel. I was able to work with them to take that information and create an authentic, warm, and intimiate experience to launch the store while also providing functionality to intake potential customer contact information.