你好,我是 Simona

关注前端系统建设、复杂业务交互与 AI 应用开发,持续把工程能力沉淀到真实项目中。

资深前端研发,深耕中后台系统、数据可视化、移动端 H5 及小程序全流程项目落地

具备前端工程化基建、通用组件体系搭建能力,拥有全栈协作与自动化部署实战经验

擅长借助 AI 赋能研发,熟练运用 AI 编程与大模型工具,持续提升开发效率与代码质量

保持长期学习与技术迭代,目前持续深耕 AI 应用开发方向,不断拓展技术边界

HTML5CSS3JavaScript ES6+Tailwind CSSReactNext.jsVueWebpackViteuni-appPixiJSThree.jsTypeScriptNode.jsExpressPythonLangChainHTML5CSS3JavaScript ES6+Tailwind CSSReactNext.jsVueWebpackViteuni-appPixiJSThree.jsTypeScriptNode.jsExpressPythonLangChain

网站介绍

基于 Next.js、TypeScript 和 Tailwind CSS 构建的个人网站,用来集中展示我的项目作品、技术文档、图库、技术栈与个人背景。站点采用响应式设计,项目页和图库页加入了更具交互感的展示方式,希望在保持清晰阅读体验的同时,也呈现一些前端视觉与工程实践。

技术栈

前端框架

Next.js 16.1.1 - 作为站点的应用框架,承载页面路由、静态生成和整体渲染能力。

样式框架

Tailwind CSS - 用于快速构建响应式界面,并保持页面风格、间距和状态样式的一致性。

开发语言

TypeScript - 为组件、数据结构和页面逻辑提供类型约束,提升维护体验。

构建工具

Turbopack - 用于本地开发与构建流程,提升项目启动和编译效率。

UI组件

自定义组件 + lucide-react - 结合站点视觉风格封装基础组件,并使用图标增强操作识别度。

部署方式

静态部署 - 适配 Vercel、Netlify 等现代托管平台,便于持续发布和访问。

参考网站

  1. hexo-theme-fluid - Material Design风格Hexo主题

    从中借鉴了打字效果的实现方式,为网站添加了动态文字展示功能

  2. home.github.io - 个人主页模板

    参考了点击切换首页封面的交互设计,增强了网站的视觉体验