Hi, I'm Terence Tian a passionate software developer, architect.

Ibuild Android/iOS with JsBridge Frameworkconvert design into modern UI, tailwindcssbuild interactive UI using React 18 tsxdevelop websites using Next.js appRouter, graphqllead hyperse ecommerce full stack development

Stick around to see some of my work.

See my latest projects

About me

My name is Terence Tian. I successfully graduated 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 2009 as a developer. I enjoy the freedom and flexibility that comes with being my own boss, I am Founder & CEO of hyperse.net, We are here to empower your journey with cutting-edge eCommerce platforms and AI-powered solutions.

Latest projects

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 CSSSWRSanityError Boundary

Chat Room

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

ReactTypescriptJotaiSWRTailwind CSSHeadless UIjson serverError Boundary

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 CSSHeadless UIJWTStripeYupRecoil

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 linkJWTSSRISRChakra UIYouTube API

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.

RLibrary

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

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 galleryFramer motion

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 QueryBing APICoinranking API

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 modalAxiosTanStack QueryReddit APILocalStorage

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.

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

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!

Languages

HTML

9 years of experience
  • HTML5
  • Semantics
  • SVG

CSS

9 years of experience
  • Css3
  • Grid
  • Flex

JS

9 years of experience
  • ES7/ES8
  • JSX
  • Node

TS

7 years of experience
  • ES7/ES8
  • TS, TSX
  • Typings

Java

5 years of experience
  • Spring
  • RPC
  • JS bridge

Swift

5 years of experience
  • Swift
  • iOS
  • JS bridge

Flutter

5 years of experience
  • Android
  • iOS
  • JS bridge

Graphql

5 years of experience
  • Nestjs
  • gql.tada
  • urql, apollo

Frameworks

VUE

3 years of experience

REACT

8 years of experience

Vendure

4 years of experience

ANGULAR

2 years of experience

Antd

5 years of experience

Tailwindcss

3 years of experience

MATERIAL UI

5 years of experience

EXPRESS

5 years of experience

TypeORM

5 years of experience

Prisma

2 years of experience

Next.js

5 years of experience

Android

5 years of experience

iOS

5 years of experience

Flutter

5 years of experience

JS Bridge

5 years of experience

Technologies

Git

Versioning

Gitlab

Versioning

Webpack

Bundler

Vite

Bundler

Vs Code

Editor

Mac OS

OS

Windows

OS

Vitest

Unit testing

Playwright

reliable e2e testing

Nestjs

Node.js framework

Other Tools

I work with the following technologies and tools:

Front-end

HTML
CSS
JS
React
Next
Typescript
Nesjs
Tailwind CSS
MUI
AntD
Bootstrap
Chakra
styled components
HeadlessUI

UI tools

Figma
Zeplin
Sketch
XD
mastergo
Axure
MoDao

Other tools

WordPress CMS
Jira
Trello
Github
Gitlab
VsCode
WebStorm
Paypal
Ngrok
Slack
Discord