Andrew Saganda |~ Web Engineer

About

My name is Andrew Saganda. Since studying environmental science in undergrad which led me to my first job post college as an energy analyst after graduation, I transitioned into website development by way of a 12 week full time intensive Web Development course.

After completing the Web Development course in late Summer of 2015, I've held a few different roles. I'm currently actively looking for full time roles and open to opportunities where i can add value to the team and grow as a developer alongside a mentor.

Resume

(Click above for resume)

Projects



React Meetups Clone webapp

Built basic Meetups clone webapp using React library following a youtube video and got familiar with the following...

x

React Meetups Clone webapp

Built basic Meetups clone webapp using React library following a youtube video and got familiar with the following...

  • How to use map function to manipulate data
  • CSS modules - scoping styling to a particular file learn links & routing and connecting via navigation
  • State and event listening
  • Separating concerns with more components
  • Wrapping components around other components and accessing children with props
  • Forms in react - getting user input with ref and submission
  • Set up firebase database api to handle form data
  • How to get request data using fetch
  • How to use useEffect hook to restrict code - to work under certain conditions
  • How to manage state within multiple components simultaneously via useContext() - ie redux
    • Go To Project
    Go To Code

    Rock Paper Scissor Game

    Classic Rock Paper Scissor game computer vs user

    x

    Rock Paper Scissor Game

    Classic Rock Paper Scissor game computer vs user

  • Vanilla JavaScript for game logic and user flow
  • Built from scratch out of The Odin Project curriculum
    • Go To Project
    Go To Code

    2D-Breakout Game

    2 Dimensional game using pure vanilla JavaScript rendered on HTML5 canvas

    x

    2D-Breakout Game

    2 Dimensional game using pure vanilla JavaScript rendered on HTML5 canvas

  • HTML5 canvas
  • JavaScript for game logic
    • Go To Project
    Go To Code

    Concentric Banner (in-house)

    Improved company banner while working at Concentric Health Experience

    x

    Concentric Banner (in-house)

    Improved company banner while working at Concentric Health Experience

  • Fixed animation timing within Javascript/jQuery
  • Exposure to Green Sock Animation Platform (GSAP)
  • Collaborated with creative team to Implement design requests
  • HTML/CSS/JS
    • Go To Project
    Go To Code

    Dashboard

    An organizational platform/app where users can save their favorite cars and dealer contacts in one place. This app is intended for a consumer who is looking to purchase a new/used car

    x

    Dashboard

    An organizational platform/app where users can save their favorite cars and dealer contacts in one place. This app is intended for a consumer who is looking to purchase a new/used car

  • Ruby on Rails
  • PostgreSQL database
  • HTML5
  • CSS3
  • Devise ruby gem for login/security
  • Wicked ruby gem for after signup setup wizard for first time users
  • JavaScript for hamburger menu animation
    • Go To Project
    Go To Code

    Websites


    Brovana

    Microsite (while working at Concentric Health Experience)

  • Updated content (images/logos/text)
  • Resolved responsive design bugs - CSS

    • Abbvie (no link)

    User Interface for consumer facing iOS app (while working at Sentient Interactive, a W2O company)

  • Resolving front end bugs
  • HTML/CSS

    • Latera

    WordPress project (while working at Sentient Interactive, a W2O company)

  • Resolved front end bugs on this Wordpress project
  • HTML/CSS, Responsive

    • Salt Chlorination FAQ page

    Static content page on company IBM platform (while working at Hayward Industries)

  • Converted page from legacy cms system to IBM WebSphere Commerce platform
  • Used CSS/Javascipt for styling and accordion-panel animation, Photoshop for optimizing hero image for the web

    • Plastic Surgery Network

    Landing Page

  • HTML5
  • CSS3
  • Boostrap (responsive)

    • Nuzine

    Landing Page

  • HTML5
  • CSS3
  • Custom blend mode applied for the navy strip with logo on top

    • ABC Creations Landing Page

    Landing Page

  • HTML5
  • CSS3
  • CSS3 keyframe animations for the down arrow while hovering
  • CSS3 linear gradient used for custom blending of colors
  • Navbar fixed at top when scrolling