Welcome to Jessie's Website
My Works
HTML5/CSS3
Mobile & Responsive Design
Graphics & Design
CSS Architecture
Web Programming
PHP & WordPress
Data Visualization Library
About Me
My Procreate
Client Project
Power BI
HTML5 & CSS3
Work 1
built from scratch | use basic HTML & CSS | 3-page website
🔍
Work 2
built from scratch | use HTML & CSS | same content with 2 very differrent CSS styles | content is written by myself | a summary about CSS float property
🔍
Mobile & Responsive Design
Work 1
built from scratch | a snack website | use flexbox & CSS grid | HTML form
🔍
Work 2
built from scratch | a website for an IT company | media query | mobile first | responsive layout
🔍
Graphics & Design
Work 1
designed a movie poster for We're The Millers | use Photoshop | blending images | layer masks | transformations
🔍
Work 2
build a mockup of the client project in Photoshop | create a logo in Illustrator | create the finished web pages based on the Photoshop mockup, using HTML and CSS
🔍
Work 3
Incorporated interactive elements in a website design via Figma | Personas and user scenarios | Executed user surveys
🔍
CSS Architecture
Work 1 (This Page)
built from scratch | use bootstrap to style this web site | bootstrap utilities | bootstrap layouts | bootstrap components
🔍
Work 2
style a single page website using SASS | switch theme using a custom @function or @mixin
🔍
Web Programming
Work 1
add JavaScript to the existing webpage | change the content & image | add some behavior on the gallery page | update today's date dynamically on the footer | create form validation | JavaScript-based solution to prevent spambots
🔍
Work 2
insert content into the page using AJAX | implement three plugins (JavaScript / jQuery)
🔍
PHP & WordPress
Work 1
use WordPress to rebuild the website
🔍
Work 2
dynamically updated copyright using PHP | dynamically output banner title and lead text | use templating for common elements of the page | single-page site with multi-page feel | dynamically output “New Arrivals” | harvest a subscriber’s email address
🔍
Data Visualization Library
Work 1
research and review three different javascript-based data visualization libraries
🔍
Simple Online Shopping Systems
Work 1
create a pizza order system | add JavaScript code to fulfil the functions (clear, checkout, etc.) | generate a receipt after user place an order
🔍
Work 2
layout 3 images appear on one page | add JavaScript code to fulfil the functions (enter quantity, confirmation box, etc.) | show info when hover on the product name | maintain a running total of all individual orders
🔍
Display On Canvas
Work 1
functions using Canvas Element | 4 buttons for 4 functions | using JavaScript
🔍
Send Data Using PHP
Work 1
creating a shopping cart using a form | allow the user to order one or more products | use php to display all the order information found on the form
🔍
Work 2
a table to record students' scores | create SQL database in the server | save and retrieve data from database
🔍
Java
Work 1
a application to calculate BMI | implement a GUI | use dynamic data structure (ArrayList) | multiple classes with defined class relationships | exception handling | use file input and/or output
🔍
Work 2
create a card game | design UML class diagram | creating and executing JUnit tests
🔍
Work 3
create a web application using Spring Boot | has limited RESTful API endpoints | book review system | using different credential to login can have different functions
🔍