Project: Karlabickel Stories

28.07% relative
10.00% relative

Began in May 2020

Elijah helped me make improvements to my web site, efficiently and professionally. He suggested a good solution to improve the speed of my website while still keeping the code as understandable and data-driven as it was before. He also helped improve the styling to my satisfaction, in a way that I could understand his changes after he was done. - Joel Klein

I converted this site from using mustache.js and dated HTML to a more manageable PHP site, which programmatically extracts JSON data from a mock database. The JSON includes summaries, links to audio, and text representations of the items which are then parsed and served to the user.

I optimized this site for a 50% page load speedup and updated old, deprecated HTML. I also made adjustments to enhance the experience on mobile devices.

Features

  • Converted mustache.js code into PHP
  • Data management in JSON format
  • Search Engine Optimization (SEO)
  • Updated deprecated HTML to HTML 5
  • Added mobile (small screen) support using viewports

Links to live site omitted for client discretion.

  • A screenshot of the home screen which has a background of a collage of sketches and a centered forground with navigation, text, links, and a featured sketch
  • A picture of a mobile phone with the website's mobile version displaying the home screen containing text and navigation links
  • A picture of a mobile phone with the website's mobile version displaying a list of stories with links to audio, PDF, and read online
  • The JSON schema used to store the stories, including title, audio file location, tags, and teaser