Article Management System
A full-stack article management system with separate Vue.js frontend and Go REST API repositories. It supports creating, editing, publishing, drafting, previewing, paginating, and soft-deleting articles.
Problem
Editorial teams need a simple workflow to manage article drafts, published content, and trashed posts without mixing presentation and data concerns.
Solution
Built a Vue 3 CMS connected to a Go and Chi REST API with MySQL persistence, input validation, status filtering, pagination, soft deletion, and deployment-ready configuration.
My Role
Full Stack Developer responsible for frontend, REST API, database schema, validation, testing, CI, documentation, and deployment.
Technical Architecture
Vue 3 frontend communicates with a separate Go and Chi REST API backed by MySQL.
Result
Demonstrates a deployed full-stack CMS with clean frontend/backend separation, tested API behavior, and production-ready repository documentation.
Status
Live
Key Features
- Article creation and editing
- Publish and draft workflow
- Published article preview
- Status filtering
- Pagination
- Soft delete
- Input validation
- Responsive CMS interface
Engineering Challenges
- Keeping draft, published, and trashed states clear
- Separating frontend presentation from API and persistence
Technical Decisions
- Vue 3 frontend communicates with a separate Go and Chi REST API backed by MySQL.
Tech Stack
- Vue 3
- TypeScript
- Vite
- Tailwind CSS
- Axios
- Go
- Chi
- MySQL
- REST API
- Vercel