Michael Chang's Homepage

Author: Michael Chang

Web Development Class:

NEU Web Dev CS5610 -- Fall 2021

Project Objective:

Create a personal homepage to display my bio, work/education, portfolio, and contact info.

Project screen shots:

Installation and open guide:

Install Node.js

• npm install -g npm

Install reload

• npm install [-g] [--save-dev] reload

Download my Github code and run with reload

• Navigate to the directory you downloaded the zip and unzip the file
• Navigate to the directory you downloaded and open the unzipped folder in terminal and type "reload -b"
• The website should open in you default browser on http://localhost:8080/

YouTube video demo:

A short YouTube video of me demonstrating my project features and just talking about my development/learning experience of this project.

Presentation:

Put together a presentation for this project on Google Slides

Deployed on:

My homepage is deployed on GitHub

Contents:

Files and folder for my homepage in this repo:

• images
• scripts
• styles
• eslintrc.js
• index.html
• about.html
• experience.html
• portfolio.html
• contact.html
• package.json
• package-lock.json

images - folder containing all the images used; including background images
scripts - folder containing all the Javascript functionality code
sytles - folder containing all the CSS styling for my pages
eslintrc.js - confg info for the project
index.html - my home landing page
about.html - the about me page
experience.html - page for my work experience and education
portfolio.html - the portfolio page for my computer science projects
contact.html - my contact info page
package.json - metadata and dependencies for my project
package-lock.json - version dependencies