Hi, my name is Noah Zhang
I'm a Web Developer.

Code Pencil is an online Javascript editor based on React, TypeScipt.

It uses ESbuild to achieve compiling and bundling in the browser environment. It enable the browser to understand advanced JS syntax such as ES6.

It uses UNPKG CDN service to ensure that users can import any npm package to their code

It contains Markdown editor, which supports users to make notes

Data Vision is a business management tool. It provides a variety of data visualization features, which helps the managers to identify the financial trend and project schedule of their business.

The UI layout is developed with React, sass and bootstrap. It uses react-router to navigate between components, and uses Loadable to apply dynamic import to improve performance.

It uses NVD3 and Devextreme to draw the complex charts and tables.

Creation is a blog website demo.

It is a front-end project which based on React. It applied Redux-thunk, Styled-components, CSS-transition, React-router-dom etc technologies inside the project.

It is a scalable project with elegant code structure. Modular programming has been strictly applied in this project

SaveCoral is a web application built by a team of 4 members. It is based on Bootstrap and node.js.

It is committed to providing primary school students in Australia with knowledge of coral protection. So designing an attractive and kids-friendly UI is the biggest challenge

I have not only built the project, but also made a lot effort on UI/UX design