–––scroll–––

Portfolio

Nas Daily

Technologies: Rails, React, Cloudinary, Facebook SDK

  • Built new front-end UI, integrating with existing Rails backend.
  • Designed an infinite scroll which initially fills the browser with facebook videos and continuously listens for scroll events in order to execute seamless updates from state.
  • Utilized SASS with flexbox and media queries for clean, easy-to-maintain, and responsive code.
  • Integrated Cloudinary to simplify image storage and provide lightning fast image loading to the browser.
Silent Storm

Technologies: Wordpress CMS, jQuery, PHP, HTML5, CSS3

  • Silent Storm Sound System is a leading wireless headset provider known for creating unique silent disco experiences across America. I built this website in Wordpress, to replace an older site in need of updating.
KG Auto Repair

Technologies: Gatsby, Styled Components, Animate.css

  • Built in Gatby.js as a static site; deployed to Netlify. Features progressive image loading and subtle animations to heighten UX, + near instantaneous page loading speeds.
NeueWeather

Technologies: Node JS, Express, Pusher, Dark Sky API, Axios

  • Built a controller and custom Axios calls in Javascript to implement Pusher, an API normally used for messaging apps, to handle updates to weather data from Dark Sky API in real-time.
  • Designed an algorithm that manipulates the DOM by creating new divs on the fly and inserting them into their parent div at randomly generated points; to simulate a galaxy of stars in the browser window.
  • Applied CSS animations with keyframes to generate a “twinkling” effect on stars.
Seismic Powered Clothing

Technologies: Wordpress CMS, jQuery, PHP, HTML5, CSS3

  • Collaborated with VP's of Design and Product to design a new website for their robotic clothing company, focusing on a clean and easy to use experience with forward-thinking CSS and interface design.
  • Maintained effective communication and planning throughout to ensure that code was pixel perfect to branding guidelines.
Resilient Leadership

Technologies: Wordpress CMS, jQuery, PHP, HTML5, CSS3

  • This client came to me looking for a new website that would be easy to maintain with the ability to easily add blogging capabilities at a future date.
Intrst

Technologies: Rails, React, Webpack, AWS S3 ActiveStorage

  • Formulated a Javascript algorithm that resizes individual masonry blocks and optimizes their positioning within a masonry grid, depending on image size and available screen width.
  • I also designed an infinite scroll which initially fills the browser with images and continuously listens for scroll events in order to execute seamless AJAX requests.
  • A higher order component handles modal functionality which can be passed to other components as needed untilizing the UI slice of state.
Crush'd Dating

Technologies: MERN stack, Firebase

  • Utilized Firebase to store compressed video files in the cloud and lazy loading on the client-side to reduce latency.