Dr. Nan Chen

divetothesea@gmail.com | PR | Ryde NSW | 0401165530

💻 4 years’ fronted-end development in JavaScript, TypeScript and ReactJS 🎓 Received a doctorate degree in Materials Sci & Eng from UNSW Sydney 🇦🇺🐨 👥 Led team as the product owner by scheduling sprints & identifying blocker 👩‍🎨 Strong ability in visual language: experienced in visual design & photography & painting 🎤 Strong presentation and communication skills 🔑 Proactive learner

☀️ Also me: 📚 Reading - 🍞 Baking - 📷 Photograph - 🎨 Painting - 💪Workout

💻 Skill-set

Programming language: JavaScript (ES6+), Typescript, C#

Frameworks & lib: ReactJS (v17+), React Native, Redux, React Query, React Router, styled-components, scss, Storybook, RESTful API, OpenAPI, NodeJS (Express), Ant Design UI, webpack, Jest, VueJS, NextJs

CI/CD & Tools: Git, GitLab, TeamCity, npm, yarn, monorepo, Sentry, Agile/Scrum, Figma

Web Development: HTML5, CSS5, Responsive Design, Flexbox & Grid

Database: MongoDB, MySQL

Visual Design：Adobe PS, Adobe AI, Adobe XD

📚 Education

Doctor’s Degree in Materials Science & Engineering

University of New South Wales, Syndey 2015.10-2020.5

🧑🏻‍💻 Work experience

Front-end Developer | Clickview, Sydney 2022.07 - Current

Developed impactful features with close adherence to design, delivering excellent user experiences that have become a significant selling point.

Implemented a highly customizable hover-to-preview feature with out-of-box zoomed-out animation. It was acknowledged as “solid engineering” by the team's experienced and novice engineers.

Developed a functional calendar using native JavaScript and the Moment. It allows seamless navigation to any desired month without any deviation.

Developed a table-of-content component with advanced features, including dynamic highlights and smooth scroll-to animation.

Optimized the development workflow by integrating the es-lint tool. Implemented an auto-fix script, significantly improving team efficiency by reducing manual code review time.

Developed responsive UI that adapts to various screen sizes, employing modern CSS techniques such as breakpoints and media queries.

Initiated integration with Braze SDK and implemented a customized product tour system that dynamically rendered the campaign set up by the marketing team.

Rapidly prototype new ideas, concepts, and designs.

Exposure to C# to manipulate request interface and endpoint.

Collaborated with stakeholders and team members to gather requirements and effectively communicate project progress

Hover to portal

Calendar with events card

TOC

Front-end Developer | Seiue Beijing China 2020.09 - 2022.05

Cooperated with product managers, UI designers, and back-end developers to develop enterprise-size web and mobile applications and features

Experienced in modern React 17 framework (functional component & hook) and related stack, eg. React Router, React Query, Redux, React Native.

Built customized and reusable UI component library based on And Design and styled-components (CSS-in-JS) and maintained Storybook document

Engaged with developing front-end infrastructure including utility across features, resolving technical debt, and compiling standard technology documents

Delivered robust, clean, and well-documented code

Producedelegant accessible, user-friendly interfaces with eyes for design

Conducted code review and supervised new engineer; Presented infrastructure changes in the regular front-end team meeting

Initiated Agile practice in our team and chaired the FE & BE developer joint meeting

Student Profile Page

Grade Trends Charts

Subjects Selection

Grade analysis Charts

Front-end Developer Internship | Creatar, Beijing China 2020.06 - 2020.09

Developed interactive geographic data visualization presenting application from scratch to showcase the complex geographic data (section, cross-section, drill, analysis)

Implemented the application with VueJS, Element UI and implemented dynamic painting feature using ECharts

Designed multiple styles of UI by Adobe Illustrator and implemented by responsive layoutHTML5/CSS3 with grid and flexbox

Design data-process algorithm to transform 3D geographic coordinator to 2D

Optimized asynchronous logic to support both user-interactive and carousel mode

Optimized the performance by adapting debouncing to reduce the request to the server

Designed components with single-responsibility principles eg. data-fetch, data-formatting, chart-painting

Course Development Officer | UNSW, Sydney, Australia 2019.09-2020.03

Collaborated with academic staff to produce state-of-art teaching materials in various digital forms

Designed and illustrated understandable and vivid graphs and animation by AdobeIllustrator, 3D Max, etc. to convey obscure scientific concepts

Communicated with academic staff and undergraduate students thoroughly to understand their requirement

Received highly positive feedback from both students and lecturers on the teaching contents

Preview

DaZhongDianPing Media Co., Sydney, Australia | Content Creator 2018.12-2019.07

Created original digital content, and narrative storytelling independently for local brands and shops in Sydney to lift their positioning and enhance customer engagement

Communicated with stakeholders in-depth and develop the campaign strategy

Managed the whole process from market research, photo/video-shot, copy-writing, editing

Received more than 100k views on the social media platform

🧸 Personal Project

Top Videos from bilibili.com server & client side 2022.06

Implemented server-side by Nodejs and Express library to provide RESTful endpoint Implemented client-side by create-react-app, Material UI, and emotion JS Used Axios to make AJAX request and React-query to cache the response

bilibili-topranking-front

southchen • Updated Jul 3, 2022

Notion TOC fixed sider menu script 2022.06

Obtained the table of content information from the notion page and displayed a fixed sider on the top right corner of the page with navigation features.

Support expanding or collapsing.