Breydan Tan

Breydan Tan

Support Engineer & AI Explorer

Passionate about technology, AI development, and building meaningful solutions

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

Present
  • 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

JavaScriptTypeScriptReactNext.jsHTML5CSS3Tailwind CSS

Cloud & Infrastructure

Cloudflare WorkersAWS S3Cloudflare PagesVercelGitHub Actions

Backend & Database

Node.jsMongoDBPostgreSQLPrismaNextAuth.js

Currently Learning

PythonDevOpsSystem ArchitecturePerformance Optimization

Kiro IDE Experience

K

Advanced Kiro IDE User & AI Development Expert

I've extensively used Kiro IDE for complex development projects, leveraging its AI-powered capabilities for code generation, refactoring, and project management. This very blog redesign was completed using Kiro's advanced AI assistance, showcasing the power of AI-driven development.

Kiro Features I Use

  • AI-powered code generation and completion
  • Intelligent refactoring and optimization
  • Project scaffolding and setup automation
  • Real-time code analysis and suggestions
  • Spec-driven development workflow

Projects Built with Kiro

  • 🎨This Anthropic-style blog redesign
  • 📚ReadSmart Today platform enhancements
  • 🗺️SAAS Roadmap platform development
  • Performance optimization projects
  • 🔧Component library development

"Kiro IDE has transformed my development workflow, enabling me to build complex applications faster and with higher quality. The AI assistance feels like having an expert pair programmer who understands both the technical requirements and design principles."

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 Skills & Development Tools

🤖

AI-Powered Development Expert

Leveraging cutting-edge AI tools to enhance productivity and code quality

I'm passionate about integrating AI tools into my development workflow to enhance productivity, learn modern development practices, and build better software. These tools are revolutionizing how we write, debug, and optimize code, and I'm at the forefront of this transformation.

K

Kiro IDE

Advanced AI-powered IDE for intelligent code generation, refactoring, and project management

Code GenerationRefactoringProject Setup
C

Cursor

AI-powered code editor with intelligent completion, debugging, and code understanding

Code CompletionDebuggingCode Review
C

Claude

Advanced AI assistant for complex development tasks, architecture decisions, and code analysis

ArchitectureCode AnalysisProblem Solving
G

Gemini

Google's AI model for code generation, API integration, and automated development workflows

API IntegrationAutomationCLI Tools
V

V0 by Vercel

AI-powered UI generation tool for rapid prototyping and component creation

UI GenerationPrototypingComponents
G

GitHub Copilot

AI pair programmer for code suggestions, documentation, and test generation

Code SuggestionsDocumentationTesting

My AI-Enhanced Development Workflow

Planning & Architecture

  • Use Claude for system architecture and design decisions
  • Leverage Kiro for project setup and scaffolding
  • Generate UI mockups with V0 for rapid prototyping

Development & Implementation

  • Code with Cursor for intelligent completion and refactoring
  • Use GitHub Copilot for code suggestions and documentation
  • Integrate Gemini API for AI-powered features

Current Development Projects

ReadSmart Today

🌐 readsmart.today
Next.js 14MongoDBGemini AI

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
Next.js 14TypeScriptMongoDBAWS S3Google GeminiTailwind CSSDaisyUIPDF.jsNextAuth.js

SAAS Roadmap Platform

In Development
Next.js 15PostgreSQLCloudflare

A 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
Next.js 15TypeScriptPostgreSQLPrismaCloudflare PagesReact FlowShadcn/uiNextAuth.jsZodNeon DB

Get in Touch

Feel free to reach out to me at breydantech@gmail.com

Copyright (c) Breydan Tan - All rights reserved.