Hi, I am Xiaoling Qi

front-end dev

A foto of Xiaolig natual smiling

What I do

Web Development

What gets me excited is building interfaces that are beautiful AND usable at the same time. With my knowledge in HTML, CSS, Javascript and React, I will bring designers, small agencies and businesses' idea to life.

Website Maintenance

Search engines love fresh content, fast loading, and secure websites. Let me take care of all these, so that you can focus on your business.

E-Commerce

Showcase your products at their absolute best. Allow your visitors to browse your merchandise, add items to their cart, and check out simply and efficiently. Together we can make it happen.

My Work

Who I am

Front-end developer based out of The Netherlands

Hi I am Xiaoling, I enjoy turning creative design into elegant code and complex problems into simple solutions. Efficiency is my middle name, JavaScript and React are my big love. If you are ready to take your business to a new level, so am I!

I am a naturally curious person and a “professional control freak”, yet you won’t see me passing by without a smile on my face. My browser always have 34 open tabs, but I know exactly what’s where.

When I'm not pushing pixels, you'll find me gardening or hiking the woods and Christmas is my favourite holiday!

xiaoling

My work

A Selection of my range of work

The Brief:

Bold design with prominent gallery images show customer that they are in for a treat when they visit your pizza shop. Now you are ready to take your business to a delicious new height.


Technical Sheet

This design features some State-of-Art component in today's restaurant biz, such as Card Component, Testimonials, Tabs, Gallery and E-commerce.

  • UI/UX design
  • HTML5
  • CSS3 - Responsive Design
  • Javascript ES6
  • React
  • GitHub

Pizza Restaurant

The Brief:

A sleek, impressive design that is as innovative as the latest tech. Smart Flow shares its expertise to promote itself as a leader in the field and take advantage of the build-in contact form to grow its client base.


Technical Sheet

This project features Card Component, Contact form. It was built under React framework and fully mobile responsive.

  • UI/UX design
  • HTML5
  • CSS3 - Responsive Design
  • Javascript ES6
  • React
  • GitHub

Business Consulting Company

The Brief:

So what do you do if you want some delicious food during the current national lockdown? Go to Quarantine Buddy! There are two options: either order takeaway from the restaurant, or submit a shopping list for all your ingredients and enjoy the cooking fun at home!


Technical Sheet

Similar to Pizza-Pizzetta, this project was created with features such as Card Component, Testimonials, Tabs, Gallery and E-commerce, however, unlike Pizza-Pizzetta, this project was build by vanilla Javascript.

  • UI/UX design
  • HTML5
  • CSS3 - Responsive Design
  • Javascript ES6
  • GitHub

Restaurant / takeaway company

The Brief:

My-Little-Pony is a cute beautiful and attractive website for those little pony fans out there. They can search their favourite ponies and watch videos by just one click. And thanks to its e-commerce feature, the pony toys are now available to everyone!


Technical Sheet

This project was built under React framework with a fully mobile responsive design.

  • UI/UX design
  • HTML5
  • CSS3 - Responsive Design
  • Javascript ES6
  • React
  • GitHub

Kids Toy eCommerce

The Brief:

This little app may seem little, but you might find that you are reaching this just about every day! Why write down your grocery on a piece of paper and then forget it at home when you are in the supermarket? This app will display all your items plus the quantity and when you are done, just check it as Done.


Technical Sheet

This project was built with TypeScript under React framework.

  • TypeScript
  • UI/UX design
  • HTML5
  • CSS3 - Responsive Design
  • Javascript ES6
  • React
  • GitHub

Grocery Shopping list

The Brief:

Stuck at a boring party? No worries, get this React Quiz out, you will be the star...if you get the answer right!


Technical Sheet

This project was built with TypeScript under React framework.

  • TypeScript
  • UI/UX design
  • HTML5
  • CSS3 - Responsive Design
  • Javascript ES6
  • React
  • GitHub

React Quiz

The Brief:

Need to run some errands quick? Well in Holland you just never know what the weather will do. No worries, install this app on your phone, have a quick look before you hop on that bike. At least being wet will never be a surprise anymore!


Technical Sheet

In this project, data was fetched via OpenWeather API, tempreture can be toggled between celsius and fahrenheit. React router was used to mimic the real web site navigation and last but not least, SVG was used as React Component.

  • UI/UX design
  • HTML5
  • CSS3 - Responsive Design
  • Javascript ES6
  • React
  • GitHub

Weather App