English Documentation · 中文文档

Hello everyone! I'm Jinwen Chen (Kris), a front-end developer from China with 9 years of development experience!

Contact me:

• 📧 Email: chenjinwen77@gmail.com
• 🐙 Github: https://github.com/KRISACHAN
• 💬 WeChat: krisChans95
• 🌐 Personal Website: https://www.krissarea.com

PS: Currently looking for new opportunities, feel free to contact me!

Of course, it comes from Chinese Internet buzzword "嘤"!

@ying-web is essentially my code collection repository. In the early years, due to lack of management awareness, my projects (all small projects) were scattered across GitHub, GitLab, and Gitee 😅. So to avoid future maintenance troubles, I've put them all here.

What I want to accomplish:

1. Unify everything on GitHub
2. Implement automated deployment
3. Give important applications dedicated domain names
4. Add bilingual documentation (Chinese and English)

Current ongoing projects:

Let's make the infrastructure as modern as possible:

• ✅ husky + lint-staged + commitlint
• 🚧 Webhook (GitHub Actions/Vercel, etc.) + Docker

• ✅ changeset
• 🚧 Complete documentation
• 🚧 Complete test cases

The core service layer of @ying-web. Although simple, it's the foundation of the entire system and will continue to iterate.

See details at README.md

A backend system built on the RBAC foundation of @ying-web/api-service.

Visit https://admin.krissarea.com to experience it!

See details at README.md

A Christian tool originally built with Vue3. Given that React is more popular overseas, I'm currently doing a React refactor!

Visit https://events.krissarea.com

(PS: Might rename it to @ying-web/christian, but let's finish the refactor first!)

See details at README.md

Personal diary project - a dedicated space for recording thoughts and experiences. It's not just a blog, it's a personal journal!

Visit https://diary.krissarea.com

See details at README.md

A modern resume website built with Next.js 15 and React 19, supporting SSG/SSR rendering and bilingual switching (Chinese and English). It currently serves as my resume. Might do more things with it later.

Visit https://www.krissarea.com

See details at README.md

I don't know what it will become in the future, depends on my mood!

• Node.js >= 18.16.0
• PNPM: 9.14.4
• Git

1. Clone the repository:

git clone https://github.com/KRISACHAN/ying-web.git
cd ying-web

2. Install dependencies:

pnpm install

3. Start a project:

pnpm dev
# Select a project from the interactive CLI menu

4. Build projects:

# Build all projects
pnpm build

# Build specific project
pnpm build:admin     # Build admin backend
pnpm build:diary     # Build diary site
pnpm build:events    # Build events platform
pnpm build:api-service # Build API service
pnpm build:www       # Build resume website

Most frontend projects are deployed on Vercel:

• Admin Backend: admin.krissarea.com
• Diary: diary.krissarea.com
• Events Platform: events.krissarea.com
• Homepage: www.krissarea.com

API Service is deployed using PM2:

pnpm deploy

• pnpm dev - Start development server (interactive)
• pnpm build - Build all projects
• pnpm clean - Clean build artifacts
• pnpm deploy - Deploy services
• pnpm test - Run tests
• pnpm lint - Code linting
• pnpm format - Code formatting
• pnpm cz - Commit changes using Commitizen
• pnpm changeset - Create changeset
• pnpm version - Update version numbers
• pnpm release - Publish packages

@ying-web/
├── apps/              # Frontend applications
├── packages/         # Shared packages
├── services/        # Backend services
└── scripts/        # Build & deployment scripts

This project uses the MIT License - see the LICENSE file for details.