Skip to content

Projects at SmartNews: A Look at My Portfolio

Posted on:April 11, 2023 at 02:49 PM

disaster info hub for hurricane and wildfires



The Disaster Info Hub project provides our users with important, time-sensitive information on natural disasters, enabling them to make informed decisions and take action for their safety. This includes hurricane data from AccuWeather, including storm path maps, as well as news articles and tweets on natural disasters. The second version, released a few weeks later, also includes wildfire alerts sourced from The National Weather Service, such as active fire maps and related news articles and tweets. Our tech stack includes SvelteKit, Sass, Server-Side Rendering, Web Components, AWS Amplify, Circleci, sentry, and more.

what to watch


”What to Watch” is a featured hub in the Entertainment Channel that enables users to peruse articles, trailers, and rankings to aid them in selecting which movies and shows to watch next. Additionally, users can leverage the hub to watch and monitor shows across various major platforms such as Netflix, Hulu, Amazon Prime, and Disney+.

This product has emerged as one of the top 3 products for user acquisition in SmartNews.

The technology stack utilized in “What to Watch” includes Next.js, Hooks, Tailwind, Server-Side Rendering, Web Components, AWS Amplify, cloudfront, Circleci, sentry, and more.

2022 United States midterm election

The US Election project was successfully delivered on November 8, 2022, providing SmartNews readers with election results and article highlights for House, Senate, and Governor races.

Screenshot 2023-04-11 at 5.35.55 PM.png

Screenshot 2023-04-11 at 5.37.25 PM.png

The project achieved significant success in terms of active user engagement, CTR, and time spent on the platform.

The tech stack for this project includes Next.js, Hooks, Tailwind, Server-Side Rendering, Echarts, D3, AWS CloudFront, Sentry, stc.

APLP (Article Preview Landing Page)

APLP, or Article Preview Landing Page, is a powerful marketing tool that has proven effective in assisting the tech squad to achieve D0 targets. Users have great interests in interacted with it and redirect to app store.

www.smartnews.com_p_4516723574106495452_placement=article-preview-social&utm_campaign=sn_lid%3A4516723574106495452%7Csn_channel%3Acr_en_us_local&utm_source=share_ios_other&share_id=ZpTkmc(iPhone 12 Pro).png

It effectively attracts new users who are interested in interacting with the page and ultimately directs them to the app store to download the app.

After the release, the Android D0 increased by 2.5 times and the iOS D0 increased by 6 times in the first month alone. Additionally, the total share D0 increased by 2 times.

The technology stack employed for this project includes SvelteKit, server-side rendering, Tailwind CSS, JSDOM, Lottie, AWS CloudFront, Sentry, Storybook, Jest, etc.


As an experienced developer, I have not only contributed to major projects but also collaborated with other teams on various small and large projects such as games, top cards, and UFBs. In addition, I played a crucial role in bridging the gap between the Product Manager, higher leadership, and the engineering team by learning and understanding new initiatives and directions.

Effective communication with UI designers and Product Managers has been an essential part of my work to discuss product details and ensure smooth collaboration. Moreover, I worked closely with data analysts to analyze user behavior and event logs to further improve our product’s user experience.

Finally, I am actively seeking a remote or on-site position in Beijing, China. If you have any front-end openings, please feel free to contact me. I would greatly appreciate it.

Thanks for reading!