Breydan Tan
Support Engineer & Vibe Coder
Passionate learner exploring new technologies
About Me
Hi there! I'm Breydan, a dedicated developer with an insatiable curiosity for technology and innovation. While working as a Support Engineer at One Empower Pte Ltd, I've been actively building full-stack applications and exploring cutting-edge AI development tools to enhance my development workflow.
What drives me is the endless possibilities that technology offers. I love exploring new frameworks, solving challenging problems, and turning ideas into reality through code. From developing AI-powered book summary platforms to creating interactive learning roadmaps, I'm constantly pushing myself to learn and build meaningful products.
This blog serves as both my development portfolio and a resource for fellow developers. I believe in the power of sharing knowledge and hope my experiences building real-world applications can inspire and help others on their own tech journeys.
Professional Experience
Support Engineer
One Empower Pte Ltd
- Provide technical support and troubleshooting for enterprise clients
- Collaborate with development teams to resolve complex technical issues
- Document solutions and maintain knowledge base for common problems
- Continuously learning new technologies to better support evolving systems
Technical Skills
Frontend Development
Cloud & Infrastructure
Backend & Database
Currently Learning
Learning Philosophy
"Learning never exhausts the mind. Every challenge is an opportunity to grow, and every project is a chance to discover something new."
Goal-Oriented
Setting clear objectives and working systematically towards them
Collaborative
Learning from others and sharing knowledge with the community
Iterative
Continuously improving through feedback and practice
AI Development Stack Exploration
Embracing AI-Powered Development
I'm actively exploring and integrating AI tools into my development workflow to enhance productivity and learn modern development practices. These tools are revolutionizing how we write, debug, and optimize code.
Cursor
AI-powered code editor for intelligent code completion and refactoring
Claude Code
Advanced AI assistant for complex development tasks and architecture decisions
Gemini CLI
Command-line AI integration for automated development workflows
Current Development Projects
A comprehensive platform that transforms PDF books into AI-generated summaries with interactive features. Users can upload PDFs, get instant AI-powered summaries, and access key takeaways with mind maps.
Key Features
- • PDF upload and text extraction
- • AI-powered summary generation
- • Interactive book management
- • Admin dashboard with analytics
Architecture Highlights
- • Server-side rendering with Next.js App Router
- • MongoDB with Mongoose ODM
- • AWS S3 for file storage
- • Google Gemini API integration
SAAS Roadmap Platform
Interactive Learning Path Creator
In DevelopmentA sophisticated platform for creating and sharing interactive learning roadmaps. Users can design visual learning paths, track progress, and share knowledge with the community through an intuitive node-based interface.
Core Features
- • Visual roadmap creator with React Flow
- • Progress tracking and analytics
- • Multi-user collaboration
- • Resource management system
Technical Innovation
- • Edge-first architecture with Cloudflare
- • Type-safe API with Zod validation
- • Real-time collaboration features
- • Performance-optimized with caching
Enterprise Experience
Enterprise Java Application Support
Loyalty Banking System
Supporting a large-scale enterprise banking application with modular architecture. Gaining hands-on experience with enterprise-grade systems, CI/CD pipelines, and modern DevOps practices.
System Architecture
- • Modular Java application with Spring Framework
- • API Gateway pattern implementation
- • Microservices-oriented design
- • Multi-region deployment
DevOps & Infrastructure
- • Jenkins CI/CD pipelines
- • Kubernetes deployment with Helm charts
- • Docker containerization
- • Database migration with Flyway
Technology Stack Experience
Learning Goals & Future Plans
🎯 Short-term Goals
- • Complete ReadSmart Today platform with advanced features
- • Launch SAAS Roadmap with user collaboration
- • Master advanced React patterns and performance optimization
- • Deepen understanding of cloud architecture
🚀 Long-term Vision
- • Transition to full-time full-stack development role
- • Build and scale multiple SaaS products
- • Contribute to open-source projects
- • Mentor others in their tech journey
Blog Tech Stack & Deployment
This blog showcases modern deployment practices using Cloudflare Pages for hosting and AWS S3 for optimized image storage. Built with Next.js 15 using static export and Tailwind CSS for styling. Achieved 95+ Lighthouse scores across all metrics.
Copyright (c) Breydan Tan - All rights reserved.