Jocelyn Tan

Front End Web Developer
Who cares about responsive design
Based in Vienna

Creativity + Technology

Hi I’m Jocelyn! I am a front end web developer who changed career via General Assembly's intensive 3 month web development bootcamp. Since then I have been accumulating knowledge both on the job and in my free time.

I first worked in the Straits Times' Interactive Graphics team, creating interactive news articles, while also thinking of ideas for news or data visualization projects. This is where I did most of my public professional projects showcased below.

I have also worked in product companies, following 2 week sprints using JIRA tickets. I maintained the main web application, added features and handled translations and internationalization.

I am interested in applying good design and user experiences and interactions. I would like to work in a company that places importance on design. I am reliable and am able to work independently, with more emphasis on doing than talking. I can be proactive in suggesting improvements.

In my free time I learn foreign languages, volunteer for beach cleanups and bring my dog for walks in nature. I moved from my home country Singapore to Austria with my husband in 2020.

Languages

html5 css3 javascript typescript

CSS Preprocessors

bootstrap materializeCSS SCSS styled-components tailwindCSS

JS Frameworks

ReactJS VueJS NextJS NuxtJS

JS Libraries

jquery D3JS mapbox

Personal Projects

Recipe Sharing

A recipe sharing web app built to learn new technologies.

To be created with React

climate conference screenshots

Climate Solutions Conference

A conference website built to learn new technologies. Designed by me in figma, setup using the headless CMS Storyblok that allows marketing teams to edit and publish content with preview.

Created with NextJS, TailwindCSS, Storyblok CMS

Built by April 2024

GoT-books-to-series screenshots

GoT Books to Series

While proposing projects, this idea was rejected by editors for low audience to effort ratio. Thus Alyssa and I decided to create it on our own.

We watched every episode and took screenshots and duration timings for the barcharts, and referred to a fanpage as well as read the first book for the differences between the books and the series.

With google analytics tracking and promotion on various sites like Reddit and Flowingdata, it has garnered more than 15,000 page views to date.

Created with VueJS, D3

Built in March 2019 (For the season 8 premiere)

Interactive flowchart screenshots

Which ST graphics team member are you?

An interactive flowchart where the viewbox of the svg is controlled to follow along the path from question to question until you reach one of the members of the interactive graphics team.

Created with VueJS, Greensock, and Adobe IllustratorCC

Built in November 2018 (As a prototype for future projects)

Giftloop screenshots

Giftloop

Inspired by pay it forward. Volunteer to help organisations or individuals and earn time credits that you can redeem. Organisations and Individuals have separate login accounts.

Created with MaterializeCSS, Ruby on Rails, PostgreSQL

Team project where I was responsible for UI, Front page coding and Twilio API

Built in August 2017 (School Project)

Under the sea screenshots

Under the sea

A game of fish eating fish! Move your yellow fish to eat only the smaller blue fishes and grow bigger.

Created with HTML5, CSS3, Vanilla Javascript

Built in June 2017 (School Project)