Dev > Dev
IT Skills · Projects in Development · Future Plans · Guestbook
MyBlogLife
A personal website project for consolidating personal articles, creative works, resources, and friend interactions.
The site includes multiple sub-modules such as an article system (Ink), image gallery (Gallery), friend card system (Friend_z), and a resource sharing section. The project focuses on structured content management, dynamic content uploading, and a personal showcase platform with a pixel-art UI.
The project also serves as a personal tech experimentation platform for practicing web development, database design, and cloud deployment.
Main Features & Content
Article publishing system (Ink)
Image & creative showcase (Gallery)
RPG-style friend cards (Friend_z)
Resource sharing module
Login system & admin panel
Dynamic content & timeline display
Tech Stack
Frontend: Django Template
(HTML / CSS / JavaScript)
Backend: Python (Django)
Database: SQLite (Django built-in)
Deployment: AWS Lightsail
Recent Updates
【Deployed】Now live on AWS Lightsail ($5 tier)
March 3, 2026
Now deployed on AWS Lightsail ($5 tier).
Currently planning to try it for 1 month, then plan to deploy to free Oracle.
ClaudeLog
【Deploy】Lightsail Initial Launch
February 27, 2026
Deployed Django + Gunicorn + Nginx to AWS Lightsail (Tokyo region, $5 tier).
Configured systemd for auto-start on boot; one-command deployment via rsync script deploy.sh.
[i18n] Trilingual Support (CN / JP / EN)
March 10, 2026
Implemented Django i18n internationalization, supporting Simplified Chinese, Japanese, and English language switching.
Added locale/ directory and .po translation files; all page text is translatable.
MangaRe
A website for organizing manga resource information, used to manage manga works, authors, and different resource types (TV anime, manga collections, films, etc.).
The project goal is to build a lightweight manga resource database website.
Main Features & Content
● Manga entry logging
● Tag & category management
● CSV / JSON data import/export
● Auto-update manga info (planned)
● Manga resource search
Tech Stack
Frontend: React + TypeScript
Backend: Node.js
Database: Supabase
Deployment: Vercel
Recent Updates
【Network Access Issue】Discovered that Vercel-deployed sites are inaccessible from mainland China
Testing by friends in mainland China has confirmed that websites deployed on Vercel are inaccessible from within China.
Going forward, I will first explore other services that offer free low-traffic deployment to find a solution to this issue.
[MangaRe_Log] 2026.3.5~
March 18, 2026
2026.3.5: Added image viewer, updated multiple pages including carousel/nav/sidebar, and added platform link migration & SQL.
2026.3.6: Completed a 'successful run' commit (project runs normally).
2026.3.7: Pre-Vercel deployment wrap-up: book download site & tool management, RLS/storage policies, migration scripts & docs.
2026.3.8: Built import pipeline (JSON conversion page & import page), plus resource history, title management & front-end page redesign.
2026.3.9: Unified language/platform options, updated Vercel & migration docs, added backup notes, import templates, anti-crawl & middleware (none committed).
2026.3.18: Did some work the past few days but forgot what exactly =w=. Yesterday bought a domain on Namecheap 【www.manga-re.com】 — come check it out if you're looking for manga resources~!
ClaudeLog
【Pre-Deploy】Vercel Initial Deployment
March 7, 2026
MangaRe first deployed to Vercel (2026-03-07).
44 files total, +1,763 lines of code.
Next.js 13 App Router + Supabase database configuration complete.
[Data Import] CSV/JSON Bulk Import Workflow
March 8, 2026
Implemented batch import for manga / anime / e-books / doujinshi across multiple types (2026-03-08).
10 iterative commits, refining the JSON conversion page, import validation, and error prompts.
MyProfile
A data management website for organizing and showcasing character profiles.
The project supports structured storage of character information (timelines, relationship networks, event records, images, etc.) and displays characters' experiences and relationships through visual pages.
The project is also used to test large-scale JSON data rendering, complex UI layouts, and timeline component design.
Main Features & Content
● Timeline event display
● Character relationship network
● Character profile modular display
● JSON data import/export
● Admin panel for editing character profiles
Tech Stack
Frontend: React (Next.js) + TypeScript
Backend: Node.js
Database: Supabase
Deployment: Not yet deployed
Recent Updates
【MyProfile_Log】2026.3.5~2026.3.9
March 10, 2026
2026-03-05: Initial project commit — set up backend skeleton (entities, controllers, services, security, docs).
2026-03-06: Integrated frontend, implemented import/export, timeline phases, attachment uploads, and event/hero photo management; refactored timeline UI.
2026-03-07: Enhanced timeline (hover cards, year/month API, left-side phase & event panels); added relationship editing and startup scripts.
2026-03-08: Implemented character simulation chat (character cards, DeepSeek/Mock replies, frontend chat panel).
2026-03-09: Added character photo panel; integrated event/hero/character photo management into timeline and edit pages.
ClaudeLog
[Lore Integration] Made in Abyss Asset Scan & Archive Site
March 19, 2026
Scanned local Made in Abyss art books (85 character design sheets + 100+ background illustrations + BDBOX character art).
Built a Made in Abyss archive site (localhost:3001): three pages — Home / World·Abyss / Character Gallery.
Character card grid, search filtering, and modal detail interactions all fully implemented.
[MIA RPG] Character & Story Settings Integration
March 28, 2026
Deeply integrated original MIA characters (MIA, Zhen, Zoe, etc.) with the Made in Abyss universe.
Generated character profile MDs, storyline documents, and detailed Worm-Cast Babel Tower worldbuilding settings.
Synced to Obsidian vault (md_MyProfile_v2/PRD_20260319/MIA_StoryChar/).
AI_Resume
An AI-powered resume screening system (ATS) for HR and recruiting teams.
Bulk upload resumes → auto-extract candidate info → smart scoring by job requirements → kanban pipeline tracking.
Main Features & Content
· Job management: configure scoring rules (required skills / bonus items / exclude keywords / score thresholds)
· Bulk resume upload PDF/DOC, Python microservice auto-extracts text
· Supabase Edge Function extracts structured candidate info
· Rule engine scoring (A/B/C/D tiers) + kanban drag-and-drop workflow
· CSV export of candidate data
· Auto email import (Mock ready, LLM integration pending)
Tech Stack
Frontend: React 18 + TypeScript + Vite + Tailwind CSS
Backend: Supabase Edge Functions (Deno) + Python Flask (PDF extraction microservice)
Database: Supabase (PostgreSQL + Auth + Storage)
Deployment: Vercel (Frontend) + AWS Lightsail (PDF Microservice)
Recent Updates
No recent updates yet.
ClaudeLog
[MVP Complete] Core Features Implemented
March 16, 2026
Built complete React 18 + TypeScript + Vite + Supabase architecture.
Implemented job management + bulk resume upload + PDF text extraction (Python Flask microservice).
Supabase Edge Function for automatic structured candidate information extraction.
Rule-engine scoring (A/B/C/D) + kanban drag-and-drop workflow management complete.
[Pending] LLM Integration Planning
March 16, 2026
Email auto-import is a mock implementation; the interface is ready and awaiting integration with a real email service.
LLM scoring enhancement scaffold is ready, awaiting Claude API integration for intelligent analysis.
PDF microservice deployed to AWS Lightsail; frontend deployment references Vercel/Netlify.
SkillsPaste
A one-click copy floating desktop tool for Claude Code Skills.
Always on top, displays all skill trigger words by category — click to copy. Supports multiple workspaces and works as a general quick-paste clipboard.
Main Features & Content
· Floating window (Always on Top) + frosted-glass UI
· Drag position memory + 📌 pin mode
· One-click copy trigger words (click highlight + Toast feedback)
· Real-time search filter (highlight matched words)
· EN / CN trigger word bilingual toggle
· Multi-workspace support (built-in Skills + custom clipboard)
· 🌙 Dark / ☀️ Light theme toggle
· Ctrl+E edit mode (add / delete / reorder)
· System tray (close → minimize to tray)
· Fully offline .exe, no browser needed
Tech Stack
Frontend: HTML / CSS / JS (Tauri WebView)
Backend: Tauri 2.x (Rust)
Database: JSON file (skills-data.json local storage)
Deployment: Windows .exe (cargo tauri build)
Recent Updates
No recent updates yet.
ClaudeLog
[Phase 1] MVP — Floating Window + One-Click Copy
March 29, 2026
Tauri 2.x project scaffold setup (frameless + always-on-top window).
Read skills-data.json, render categories × skills, click to copy to clipboard + highlight feedback.
Dark frosted-glass UI + title bar drag + 📌 pin button.
Fix: PowerShell script errors caused by Chinese characters, icon path issues.
[Phase 2-3] Experience Polish + Edit Mode
March 29, 2026
Phase 2: Position memory (restore last coordinates on launch), search filtering (real-time highlight matching), Toast feedback optimization, EN/CN bilingual trigger word switching.
Phase 3: Ctrl+E edit mode (add/delete/reorder categories and skills), system tray (close → hide), skill description + use-case expand.
Future plans are added under Admin → Updates · Feed → Future Plans.
Add 【Comments · Guestbook】 page
Hope to receive messages, ideas, suggestions, bad jokes (?), what you had for dinner (?) … from all visitors.
Especially messages from friends who are also listed in 【Friend_z】!
Future updates I'd love to make include 【personalized message boxes】 tailored to each friend recorded in 【Friend_z】 — if my skills get there (or I find a suitable animation library, and my little site's specs and traffic can hold up), I'd also love to add 【personalized animations】.
Letting a daydream sit here for now — don't go anywhere, I'll be right back.
[Pie in the Sky · Friend_z Character RPG Interactive Mini-Game]
Just an idea — no clue how to start implementing it yet.
Let me think about it first.