Check my catCute right? Click!
avatar

Hi! I'm Puggo 👋

Fullstack Web Developer and Product Designer.

I love creating beautiful and amazing
products 
.

Puggo

CQNU Intelligent
CQNU Intelligent
EveryMusic - Virtual music classroom for under-resourced schools
EveryMusic - Virtual music classroom for under-resourced schools
Meow Planet
Meow Planet
yueda CRM
yueda CRM
Let's Todo
Let's Todo
CQNU Intelligent
CQNU Intelligent
EveryMusic - Virtual music classroom for under-resourced schools
EveryMusic - Virtual music classroom for under-resourced schools
Meow Planet
Meow Planet
yueda CRM
yueda CRM
Let's Todo
Let's Todo
CQNU Intelligent
CQNU Intelligent
EveryMusic - Virtual music classroom for under-resourced schools
EveryMusic - Virtual music classroom for under-resourced schools
Meow Planet
Meow Planet
yueda CRM
yueda CRM
Let's Todo
Let's Todo
CQNU Intelligent
CQNU Intelligent
EveryMusic - Virtual music classroom for under-resourced schools
EveryMusic - Virtual music classroom for under-resourced schools
Meow Planet
Meow Planet
yueda CRM
yueda CRM
Let's Todo
Let's Todo

My Products

Three of these products are now in production, making people's lives easier in different ways. Scroll to see more.

My Skills

I have experience with bunches of technologies from design to development and deployment.

TOEFL 110

Reading: 29Listening: 26Speaking: 26Writing: 29

Communicate freely

Proficient in English and Chinese, I can work with people all around the world.

My Designs

Check my designs on Figma. See how they will be turned into real products soon

Make Ideas Real

Imagination and designs of ideas are great, but making them real products is how I make them valuable

CODING
YDCRM

YDCRM

Every Music

Every Music

Meow Planet Web

Meow Planet Web

CQNU intelligent (today)

CQNU intelligent (today)

CQNU intelligent (study)

CQNU intelligent (study)

CQNU intelligent (service)

CQNU intelligent (service)

CQNU intelligent (schedule)

CQNU intelligent (schedule)

XDTODO

XDTODO

Meow Planet

Meow Planet

From Liberal Arts to Coding:
“Technology alone is not enough. It's technology married with the liberal arts, married with the humanities, that yields the results that make our hearts sing.”
- Steve Jobs

Development is, at its core, an art.
It breaks barriers of possibility,
creates something out of nothing,
and brings delight to humanity.

steve

Dec 2022

EveryMusic: The turning point

I built EveryMusic (Everyone is a musician) this year, a public welfare interactive music classroom learning software, aimed at under-resourced primary school students for their music education, effectively replicating the music teaching process of traditional classrooms and optimizing the teaching design for the targeted educational scenarios with high interactivity.

Together with my team, we brought EveryMusic to life in several country primary schools across Chongqing, and shared our software to around 600+ students. The joy that radiated from those young kids touched our hearts deeply. Watching their faces light up with wonder and delight during our music lessons, hearing their laughter echo through the classroom - those precious moments reminded me why we create.

This experience ignited my unwavering passion for using technology to bring value to people's lives. It crystallized my commitment to pursuing excellence as a full-stack engineer - a path I know with absolute certainty is my calling.

Check the demo version
startup templatestartup templatestartup templatestartup templatestartup templatestartup templatestartup templatestartup template

May 2023

Meow Planet MVP/Web: A less successful story

Discover, care for, and share the joy of stray cats on campus. Meow Planet is a public welfare social media app dedicated to bringing people and cats together, creating meaningful connections and spreading love.

I launched an MVP featuring a simple activity where users could share their stories with cats in exchange for cat treats. We gained 1000+ users and 500+ stories within a week.
Unfortunately, due to my busy schedule, I missed the optimal timing to release version 1.0, and the app gradually lost traction as active users left campus.

What I learned:
1. Carpe diem. Seize the day;
2. Do it quick before environment changes;
3. User engagement and retention is the lifeblood of social media apps.

Have a look
startup templatestartup template

Sep 2023 - Present

CQNU Intellisense: Learn to build something smaller but useful

A campus mini-program, designed to facilitate social and lifestyle services at Chongqing Normal University. (v2.0)
We have currently gained 4000+ users, with a 70%+ daily user retention rate. Students love what we built.

The app is available on WeChat - search for "智慧重师" to try it out (a university account is required).

startup templatestartup templatestartup templatestartup template

Feb 2024 - May 2024

Internship 1: Chengdu Huibian Technology

Frontend Developer

1. Designed the mobile application product by leading UI technology selection and unified the design specifications through TailwindCSS to improve development efficiency
2. Simplified the business logic for users with by reconstructing the nested tree structure and splitting functions at different levels to reach easier and more intuitive understanding
3. Improved the performance of multi-tab pages on mobile devices by using partial lazy loading and data caching and integrated a highly cohesive skeleton screen design with a unique network request map to avoid data request conflicts and enhance user experience
4. Established a highly available UI design standard and its corresponding Vue component library as the company's standard component asset for use in other projects.

This internship was invaluable, marking a significant shift in my professional career as a student who, despite having limited technical experience at first, ultimately made a transformative growth.

Due to some privacy concerns, I can only showcase the user interface design below.

startup templatestartup templatestartup templatestartup template

May 2024 - Present

Yueda CRM - Explore the state of the art and real business

A fullstack CRM system created for my dad's company with cutting-age tech stacks such as Next.js, server actions and prisma, which is now in production.
This app has helped my dad's company to effectively manage more than 10k+ data, bringing more than 30% efficiency improvement.

Due to some privacy concerns, you can only view the specially processed frontend source code on Github.

See frontend demo on Github
startup templatestartup templatestartup templatestartup template

Oct 2024 - Present

Internship 2: Xiaomi Consumer Finance

1. Participated in complete requirement reviews, scheduling, development, integration, testing, and deployment of B2B backend management project by collaborating with a team of over 50 people to ensure work efficiency.
2. Developed and iterated frontend functionality while maintaining the backend management system and H5 pages, including the product center, parameter validation, customer repayment deductions, and data verification pages
3. Iterated the backend system based on the micro-frontend framework Qiankun, encapsulated over 10 business and UI components, and optimized MobX for global state management across namespaces with TypeScript
4. Constructed frontend foundational projects, participated in the research and maintenance of a Node.js-based middle-platform permission system, and processed API request permission configurations, forwarding, and management to enhance the security and manageability of downstream projects

startup template

The journey has only just begun.

BelieveBelieveininyourselfyourself--youyoucancanlearnlearnanythinganything

Blogs

Here are my articles documenting my learning journey. I hope they're helpful.

Interactive Linear Algebra

The Chinese translation of the famous e-book Interactive Linear Algebra from Georgia Institute of Technology

Build Your Own React

The Chinese translation of the blog Build Your Own React with my own implementation

My Next.js

My Next.js learning note

Better React - React Hooks

React Hooks for better performance and cleaner code

TypeScript

My TypeScript learning note

Basic SQL

My SQL learning note

github
github
Toggle theme