chang2000 / chang2000.github.io

Tianchang Wang's Personal Website

Author: Tianchang Wang

Course Link: https://johnguerra.co/classes/webDevelopment_fall_2022/

The design document is available here.

The page is hosted on https://chang2000.github.io via Github Pages.

Check out this video demo of the website

Find the presentation slides here

This website PASSES W3C validator without errors or warning.

Project Objective

This personal website is designed as a bridge between me and my potential clients and employers. My skills are listed and are supported by my past experiences. My personal information is also provided for a easier reach out of my potential clients and employers. A secret collection/gallery tab is also provided for inspiration and entertainment.

Thumbnails

• The whole map

  

• Hero section with animation:

• About section Click the email icon to email me directly! Your email client will be raised automatically. Important content are being marked with custom marker pen effect:

• Resume section

• Contact section

• The Collection Gallery Hover over gallery images to see comment: Click on the image to enter the gallery.

Build

This Project is development under node version 18.9.0. It's recommended to use a nodejs version manager.

This project is requires a basic node envrionment. Bootstrap and all other related scripts are provided in the vendor folder. To develop with this project, you need install eslint,prettier and sass via npm accorading to the following instructions.

1. Clone the project to your local computer.
2. Use npm install to install related development dependencies.
3. Use npm run sass while developing to keep css file updated.
4. Use npm run build to build the whole project.
5. To host this website, setup the root directory to . is alright, where the index.html resides.

You may also download a release of this project here: https://github.com/chang2000/chang2000.github.io/releases

MISC

This website is based on this template https://bootstrapmade.com/free-html-bootstrap-template-lonely/.

chang2000.github.io's Issues

Typo in Collection Gallery

Instead of "The legenday chip", it should be "The legendary chip" LOL
But overall it is a pretty personal site: )