GO TO
Coda Compliance web application 2.0
- Summer 2018
I was invited back to Coda Compliance (company website: https://codacompliance.com/) in summer 2018 as a UI contractor.
Based on what I did last year, and with new techniques like Bootstrap 4, inline SVG, I was able to improve and upgrade the company website to fit its new needs.
Coda Compliance homepage 1.0
- Summer 2017
I worked at Coda Compliance (company website: https://codacompliance.com/) in summer 2017 as a front-end developer intern. During the summer, I created this clean and device compatible landing page using HTML, CSS, JavaScript, and JQuery.
Below is the website walk-through video that demonstrates all the features on the landing page.
Web Design and Build for Mad Science Personal Space & Explore Page
- Feb 2017
Page walk-through video
In these two pages, I used JavaScript to implement the sort function and filter function, so that users can choose to browse only "Created Experiments" or "Favorited Experiments", etc. Also users can sort all experiments by time or name. The function of tag filter is still in development.
Screenshot of my JavaScript codes.
Pinterest Style Website Layout
- May 2017
Page Walk-through Video
Used CSS to display all images in columns. The number of columns will change according to the size of the web page. Compatible across different browsers, such as Chrome, Edge, and FireFox.
Screenshot of my CSS codes.
Pull Data From JSON File
- May 2017
Page Walk-through Video
The website loads the data from a JSON file link dynamically and shows it in my own designed style. Wrote JS Loop functions to show all the data correctly while also efficiently.
(Image credit belongs to Wix)
Screenshot of my JavaScript codes.
Screenshot of the JSON file
