0-Project Overview

Starter Video

Please see the starter video for an overview of this project.

Project Overview

We have consulted with our Industry Advisory Board, and found a major component for job consideration is that a student should be able to show a list of projects that they have completed, along with easy-to-access information about their work history and current GitHub activity. A portfolio is one link that can be provided to future employers to showcase skills and present easily accessible information.

Objectives

• Use Bootstrap to build a responsive application.

• Use modern front end development tools such as Gulp, SASS, Less, Animations, jQueryUI, and many others.

• Create one central domain for organizing projects, biographical information, and employer contact info.

Gold Badge Requirements

To receive your Gold Badge, you will need to complete the following requirements:

• Portfolio

  • Landing/Header Page

  • Navbar

  • About Me

  • Projects Page

    • Store Application

    • Creature Assignment

    • JavaScript Library / Console Applications

    • Ajax Api Project

    • TBA

  • Contact Section

  • Footer

Portfolio Requirements

The following list contains the bare essential requirements that you'll need to have in your portfolio to receive a badge from Eleven Fifty: 1. Submit a wireframe of the application for review. 2. The site is aesthetically pleasing overall and is tailored in a way that exhibits your unique professional personality. 3. The site uses HTML, CSS, & Bootstrap to properly divide content and to account for a variety of devices. Bootstrap templates are ok to use, but they should be tailored in a way that is unique to you. We shouldn't be able to recognize the template. 4. The CSS styling goes beyond the minimal components (e.g., background color and font color) and provides an engaging user experience. 5. The site is highly navigable with its buttons. All buttons are functioning properly and even have features that accentuate the texture of the buttons. 6. The site has thumbnails with links that show examples of work you've built in this course. These will include samples or links to Repl.it projects, CodePen.io projects, your Store Project, and any projects you've done in the past or on the side. Essentially, these are links that showcase your original work. 7. The site provides detailed information for employers to contact you, including LinkedIn and GitHub info/buttons. 8. The site also has a working contact form using Formspree.io. 9. The portfolio has an About Section that tells your story as a developer and professional. 10. The site is free of spelling errors and typos. 11. The site has been completed in a timely fashion. 12. Your resume should be included and downloadable, preferably in a PDF format. 13. The site is deployed to GitHub pages. 14. Note: If you would like to omit something on this list for any reason, please talk to us in person.

Student Portfolio Examples

Brandon Schaaf: https://brandonschaaf.github.io/ Mady Ward: https://madysonward.github.io/index.html Matt Kory: https://matthewskory.github.io/ Dave Mazmanian: http://davemaz.com/ Jennifer Lawyer: http://jenniferlawyer.com/ Carolyn Harris: https://ccharris.github.io/ Jeremy Wuestefeld: https://jwuestef.github.io/

More to come.....

Next Steps

After you've taken a look at this file, go ahead and move on to the next module where you will clone and look at a starter project.