click to show Urec.io brief
click to show the online store demo project brief
click to show the City Fact web app project brief
click to show vanilla JavaScript Practices project brief
click to show the todo list mobile app project brief
click to show the Investecs website project brief
urec.io

Urec.ioView LiveDesign

side project

design + code | React | Redux | Adobe Xd

This is a website where job seekers anonymously review their recruiters. My role is the main frontend developer and the lead UX/UI designer.

Collabrated with Athur Zhu(devop), Quan Kong(backend), Yao Zhao(frontend), Iris Zhu(frontend), and Xiaoyang Zhao(graphic design).

online store demo screenshot

Online Store Demo PageView Live

personal project

design + code | AngularJS | CSS3

This is a demo online store website built with AngularJS with my original design. Users can easily review all the items they chose and edit the item list.

View this project on Github

city fact web app screenshot

City Facts Web App

personal project

design + code | Angular | MySQL | Node.js | Express

This is a single page web app with query functions to get data from API and MySQL database via URL. The app uses Angular as the frontend framework and Node.js + Express.js as the backend. The query input to the database is robust that misspelling would be automatically corrected.

View this project on Github

Todo List Mobile App

personal project

design + code | React Native | Firebase

This app is built with React Native and Firebase Realtime database. It not only allows you to easily edit all your items but also supports searching and sorting functions. The UI is an original design and was coded from scratch.

View this project on Github

screenshot of the JavaScript Practices website

I love Javascript!View Live

personal project

design + code | Javascript | canvas game

I built this website as a collection of my Javascript programming practices. All functions are based on vanilla JavaScript and will be updated with ES6 practices soon. You can view all the code on the page. A canvas game coded with p5.js is also included.

View this project on Github

screenshot of Investecs website

Investecs developmentView Live

commercial project

design + development | Graphic | Wordpress

The official website for a real estate development company. I chose to use Wordpress framework to build the site to make the future maintenance work easier for the client. Some of the renderings on the website are also my original work.