Skip to content

Instantly share code, notes, and snippets.

@benlind

benlind/cs1520-project-plan-part-2.md

Last active April 7, 2016 00:48
Show Gist options
  • Save benlind/3257a403ddcac60c5718f7c22462b567 to your computer and use it in GitHub Desktop.
Save benlind/3257a403ddcac60c5718f7c22462b567 to your computer and use it in GitHub Desktop.
Download ZIP
CS 1520 Project Plan Part 2
Raw
cs1520-project-plan-part-2.md

Contact Info

Name: Benjamin Lind

Username: bdl22

Website: benlind.com

Summary of Project Part 1

In part 1, I created a functional website to showcase my web development work. The site contained three content sections: top banner, my skills, and a contact form.

Features:

  • Back end technologies: PHP and MySQL
  • Front end technologies: HTML5, CSS3, Javascript, jQuery, Bootstrap
  • Development technologies: Yeoman, Gulp, Bower, NPM, SASS
  • The contact form submitted to a database on the back end via ajax.

Project Plan Part 2

In this part of the project, I plan on completing these tasks:

  • Add a "My Work" section containing a showcase of my completed web development work.
  • Add javascript functionality:
    • Smooth scrolling between sections
    • Bounce animation on "Learn More" button
    • Fire animation on section headers
    • (possible) SVG animation on rocket illustration

I will not be significantly changing the back end code.

@benlind
Copy link
Author

benlind commented Apr 7, 2016

After I completed part 1 of the project, the website looked like this screenshot:

screenshot-site-full-2016-04-06

@matty-digital
Copy link

Nice work! Digging that rocket logo. And I agree, this would be a terrible time to re work the backend code. This will be a good way to make the front end really stand out. Looking forward to seeing the final result.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment