This repo is a starter repo for helping students get working on building a coder portfolio.
- master - The most up to date version of the code.
- module-1-setup - Just getting some things started in the project.
- module-2-gulp - Set up Gulp for easy reload of html.
- module-3-bootstrap-and-jquery - Setting up basic jQuery and bootstrap. Testing with a nav bar.
- module-4-htmlstructure - Setting up html structure for overall portfolio.
- module-5-gulp-sass-setup - Setting up gulp for reloading SASS when changes happen.
- module-6-navbar-style-and-functionality - Setting up a little bit of starter style for the navbar.
- module-7-header-style-starter - Setting up a little bit of starter style for the header.
- module-8-portfolio-style-starter - Setting up a little bit of starter style for hovering in the porfolio section. Also sized the section properly.
- module-9-about-style-starter - Setting up a little bit of starter style for hovering in the porfolio section. Also sized the section properly.
- module-10-contact-formspree-setup - Set up a contact form with Formspree, a third party server.
- module-11-contact-style-starter - Set up contact information with font awesome for social media links.
- Installed font awesome.
npm install font-awesome --save
- Used font-awesome to add social media contact links.
- Set up contact section into three different regions. Info, Contact form, Follow Me.
gulp serve
uses browserSync & opens a project in the browser. Reloads when you save.gulp sass
compiles scss files as css.gulp minify-js
takes out all whitespace in JavaScript and pipes it into the .min.js file.gulp dev
runs both the serve and sass commands. Watches for changes in any of those files.
- Bootstrapmade - Used several Bootstrapmade templates as starter resources for ideas and direction for this section.