.kane-chang|
Frontend Developer
Scroll Down
This is me.
I am a Frontend Developer,
proficient in modern frontend technologies such as React and TypeScript, with track record of high performance and proactiveness in ambiguous and fast-paced environments
Characteristics
Adaptable and analytical frontend developer from philosophy background, with a love for logic and learning
Personality
Story
Technical Skills
HTML5, CSS3, JavaScript, TypeScript, React, Tailwind, Jest, jQuery, Node.js, Next.js Python & more
Skills
Tech
Soft Skills
Strong work ethic, proactive self-starter. Open and empathetic communicator
Skills
People
Projects
A Smarkets Betting Exchange clone using Next.js, React and Typescript leveraging 4 API endpoints (Events, Markets, Contracts and Prices) from Smarkets API.
Goals
A 6-hour challenge to build a web app retrieving real-time info:
- Modular and flexible code structure that can scale quickly
- Replicate the unique feel of Smarkets - brand fonts, colours and UI design
Tech Stack
- React
- Next.js
- TypeScript
- Tailwind CSS
- date-fns
Challenges
API Rate Limits on Requests & Dependent Data Fetches
With a limit of 20 requests/min, I had to get creative with my data fetching optimisations
Technical solutions:
- Reduce any unnecessary requests
- Maximise parallel fetch calls
- Data Streaming optimisations using Suspense
Improvements
Given more time, some key improvements I would make are:
- Create event sub-categories
- Improve mobile responsiveness
- Build feature page to showcase most popular markets
Preview
Problem
Scheduling gaming sessions for busy adults is a challenge and no gaming-specific schedulers currently exist.
How can we make gaming with friends as easy as possible?
Responsibilities
Front-end Web Developer and Team Lead
Led the implementation of dynamic scheduler, local storage integration and summary page. Collaborated closely with three other web developers.
Tech Stack
- HTML
- CSS
- JavaScript
- React
- Tailwind
- Axios
Reflections
While this product is currently at MVP stage, more features such as adding multiple players, improving game search and building a back-end for remote calendar are still being developed!
Preview
A streamlined and intuitive scheduler tailored for busy gamers, by gamers. Estimate completion dates, share your calendars and conquer levels together!
ButterPal
An innovative, high-performance mobile app built to connect neighbours and crowdsource local grocery runs for IOS and Android.
Problem
Grocery runs are time-consuming and frustrating, especially for just an item or two.
How can we save time on troublesome grocery shopping while building our local community?
Responsibilities
Fullstack Mobile Developer
Developed mobile application from end-to-end, collaborating closely with UX Designer to bring pixel-perfect user interfaces to life
Tech Stack
- React Native
- TypeScript
- Supabase
- PostgreSQL
- RESTful API
- IOS
- Android
Reflections
I am proud to have built ButterPal as a way for me to refine my skills in React Native and expand my tech stack
It is currently in testing phase and will soon be launched
Preview