Available for new opportunities

Hi, I'm Shunquan Wang
a passionate software developer.

Iconvert design into modern UI, tailwindcssbuild interactive UI using React 18 tsxbuild Android/iOS with JsBridge Frameworkgraphql 

Stick around to see some of my work.

Learn more about me
Tech Stack:ReactNext.jsTypeScriptNode.js

About Me

My name is Shunquan Wang. I successfully graduated from Technical University, computer science faculty.

During my university years, I developed a deep passion for web programming, and I consistently engaged in learning new concepts and techniques in this field.

So, officially, my programming journey began in 2015 as a WordPress developer. I enjoy learning technologies that interest me, which is why I dedicated a significant amount of time to working with WordPress.

One day, I decided to try something new, and I started learning React. I was so excited to see how fast I can build a website with it. Consequently, I quickly learnt Next.js and used it to build some company projects.

Now, I thoroughly enjoy working with Next.js and Nest.js.

JOURNEY

Latest Projects

Next Portfolio
Next

Next Portfolio

Sometimes it is quite normal to renew the design of a website. That's why I've decided to refresh my portfolio website using the new Next.js 13 . Now it looks better than old one. Framer motion animation while scrolling through the page, persisting dark mode, sanity backend for projects and filter. Finally I make my wishes come true!

NextChakra UIFramer motionEmotion CSS+3
Chat Room
React

Chat Room

An interview test project that aims to verify skills in understanding the task and building UI with React.

ReactTypescriptJotaiSWR+4
Proovia Delivery
Next

Proovia Delivery

One of my commercial projects built together with a full-stack developer. This represent a company project which consists of three parts: booking goods system, company website and client area. All this stuff has been built in Next, Typescript and Tailwind CSS.

NextTypescriptFramer motionTailwind CSS+5
Netty
Next

Netty

NextJS project built-in using Hasura GraphQL, Magic link, Youtube API, Chakra UI. The functionality of this project allows visitors to watch, like, unlike and save videos to favourite.

NextHasura GraphQLMagic linkJWT+4
Search films
Javascript

Search films

Search for any stats like awards, box office, IMDB rating or votes for any movie. The app uses IMDB API, vanilla JavaScript and perform a comparison between 2 movies your are looking for.

JavascriptCSSHTML
RLibrary
React

RLibrary

Simple CRUD books system using Firebase/Firestore, Material UI, React, React Hook Form, React Router v6 and all these things bundled by vite

ReactContext APISuspenseFirebase+1
Portfolio Site
Next

Portfolio Site

A Next.js portfolio project. This is my first NextJS project built after I have watched a NextJS crash course. I have chosen this technology because I fall in love with React and Next at first glance.

NextNext SEOReact modalReact image gallery+1
Cryptocurrency
React

Cryptocurrency

Cryptocurrency has been built up using Ant design, RTK Query, ChartJS, Coinranking and Bing News API. I have learnt a lot of interesting technologies like RTK Query, ChartJS as well as integrating custom features into Ant components like filter/sorting data, view blocks as list/grid or implementing load more component.

ReactAntDReduxRTK Query+2
React Todo/Blog
React

React Todo/Blog

This React application combines a todo and blog page with a react hook contact form. The whole used stack is pointed below.

ReactReact hook formReact transition groupReact modal+4
Secret message
Javascript

Secret message

Just a simple application with the aim to encrypt the words/characters you type in a text box and share the generated url to your friends as to decrypt the message.

JavascriptHTMLCSSMaterialize CSS
Dogs API
Javascript

Dogs API

This is a small vanilla JS project using dogs api to fetch dogs breed. Built this app while I was learning JavaScript language. It's pretty simple one and it performs a specific function - to showcase a slideshow when visitor select a dog breed.

JavascriptHTMLCSS
Click Colour
Javascript

Click Colour

What a frontend developer doesn't build up a similar application? This app uses custom CSS properties for the UI and only pure JavaScript code to change color clicking get color button. Simple as that!

JavascriptHTMLCSS

Languages

HTML

HTML

7 years of experience

HTML5SemanticsSVG
CSS

CSS

7 years of experience

CSS3FlexGrid
JavaScript

JavaScript

7 years of experience

ES7/ES8JSXNode
TypeScript

TypeScript

5 years of experience

ES7/ES8TS, TSXTypings
Java

Java

7 years of experience

JS bridgeSpringRPC
Kotlin

Kotlin

5 years of experience

AndroidKotlin DSLCoroutines
Dart

Dart

3 years of experience

AndroidiOSJS bridge
GraphQL

GraphQL

3 years of experience

Nestjsgql.tadaurql, apollo

Frameworks

React

React

7 years of experience

Electron

Electron

3 years of experience

Vendure

Vendure

2 years of experience

Vue

Vue

3 years of experience

Angular

Angular

2 years of experience

Antd

Antd

7 years of experience

Tailwindcss

Tailwindcss

3 years of experience

Material UI

Material UI

5 years of experience

Express

Express

5 years of experience

TypeORM

TypeORM

3 years of experience

Prisma

Prisma

3 years of experience

Next.js

Next.js

3 years of experience

Nest.js

Nest.js

3 years of experience

Android

Android

7 years of experience

Flutter

Flutter

2 years of experience

JS Bridge

JS Bridge

5 years of experience

Technologies

Git

Git

Versioning

Gitlab

Gitlab

Versioning

Webpack

Webpack

Bundler

Vite

Vite

Bundler

Vs Code

Vs Code

Editor

Mac OS

Mac OS

OS

Windows

Windows

OS

Linux

Linux

OS

Playwright

Playwright

Reliable e2e testing

Jest

Jest

Unit testing

vitest

vitest

Unit testing

Other Tools

I work with the following technologies and tools:

Front-end

UI tools

Other tools