About Hannah Xue

Fashion Sketchbook

Freelance dev+design work

Web design and development
Developer, designer

I designed and made websites for professors and labs in Cornell Tech as a part-time job.

Prof Mor Naaman's homepagemorDesigns I made before converging to the final decision:mor

Website for Social Technology Lab (made with Huai-Che Lu and Emily Sun)stech

BriskIT

Web app design and development
Web developer (React), designer

BriskIT comes with an iOS app that allows users to get IT help whenever and wherever their tech breaks down. On the supporter side they could use the website to provide live support.

Project Git Repository

Live Demo

The web app is designed for IT helpers. Simply sign up your account and get quick money by fixing IT issues.

Browse and filter the ticket by tags, and easily find the one best fit your skillset.

Get the ticket and just start chatting!

On the corresponding iOS app, you can send a ticket about your IT issues and just sit and wait for your help to come.

Shake It

Mobile web app design and development
Individual project (Node.js, MongoDB, Python)

Shake It is a gesture based tinder style coupon recommendation web app.

Simply shake your phone to get latest coupons!

All the recommendations are customized using collaborative filtering based on user actions.

For every coupon you get, swipe left/right to ignore/star it.

Sharing to social networks is (of course) supported.

Every action counts. The system can therefore give better recommendations.

View, order and share your coupons.

Strolp

Web app design and development
Front-end developer (Meteor.js), designer

Strolp consists of a web interface for stores and an iOS app for users. The entire application with fully functional front-end and back-end is developed within 36 hours for Big Red Hackathon.

Project description credit to my teammate Shreyas Kulkarni.

Learn more about the App

Project Git Repository

Strolp tries to combine the best of both e-shopping and physical shopping and tries to strike a sweet balance which could be win-win for all the people involved.

The shopper discovers the deals nearby on the go.

The shopper can claim a deal. As soon as there are enough number of people to avail the deal, a notification is sent to the shopper to visit the shop and make the purchase.

On the retailer side, they can add branches and deals for each branch. With Strolp, they offer the best possible discounts when people visit them in numbers.

Strolp also tries to optimize the deals for the retailers using our algorithm which generates dynamic deals based on various factors like demographics of the region etc.

A photo of me presenting the demo is featured on Cornell News! We actually received some really good feedbacks:

"Strolp is the most complete app in the entire hackathon."

"I wish I could use it now."

"Just love the logo!"

Strata: Scalable 2D Barcode

Mobile/HCI Research
Paper co-author, prototyper (OpenCV)

Strata is a novel scalable 2D barcode design. In this project we try to explore the way people interact with barcodes. When scanning Strata barcode, instead of the all-or-nothing behavior of traditional QR Code, user could now get different layers of information based on their distance between the scanning device and the barcode.

This project is a collaborative work with MSRA and Yale University and is accepted to ACM MobiCom 2014.

Read Paper

T-shirt Design

Visual design
Illustrator, designer

During my undergrad years at Peking University, I have designed a couple T-shirts for thousands of students, and was really lucky to see them being worn everywhere in the campus.

2014 Graduation T-shirt for the school of EECS: If you try to compile the code in the drawing, it turns out like this. This little "Bye PKU and Hello World" surprise I made has moved thousands of graduates and the T-shirt once went really popular on social networks.Screenshot1

2013 Graduation T-shirt for the school of EECS: Over 300 students wore this for their graduation photo.Screenshot1

A colored version of the front pattern:Screenshot1

T-shirt for Shanghainese at Peking University: As a proud Shanghai local, I tried to embed Huangpu River and the gorgeous skyline of Shanghai into the letters.Screenshot1

CS Classics

Hardcore CS programming
Individual project (C, C++, Java, Verilog, Assembly)

I am very proud to be the only CS student in the department who has actually hand-coded a processor, part of an operating system and a compiler.

For the processor, I implemented a multi-cycle UniCore processor with pipelining in Verilog.

For the operating system, JOS is a teaching operating system used in MIT CS 6.828. It has a basic framework of a UNIX-like operating system in C and I have to write all the core functions myself including virtual memory, multiprocessing, interruption and system call, etc.

For the complier, the course is from UCLA CS 132. MiniJava is a subset of Java including all the core features like different variable types, arrays, function, class and class derivation, etc. Given a grammar tree, I implemented a compiler in Java which is able to compile MiniJava code to runnable MIPS assembly.

Old homepage from 2005

(Old fashioned) Web development
Individual project (HTML, CSS, ASP)

I made my first homepage flylinda.com from scratch when I was 12. That little site provided free tutorials for web designers and charged services as well so that I could afford the server rent myself. Flylinda.com once reached a daily visit of 2000. Sadly I failed to keep the domain and most of the source code. Only thing I have now is a couple screenshots (and precious memory).Screenshot1Screenshot1

Hannah Xue / 薛易清
Resume

Hannah is a(n):