Tugay İpek
Full Stack Developer
Software Development Internship
FrameFlow MCP
Today's Plan
09:00
Morning Stand-up
11:00
Workshop
14:00
Focus Time
16:00
Coffee Talks
What You'll Build
A web-based interactive frame template editor and embedded MCP (Model Context Protocol) server system enabling AI agents to generate structured social media content.
To Do
R&D and Technology Selection
System Architecture & Data Model Design
Frontend Canvas UI Development
Backend & Template Management APIs
+3
In Progress
In Review
Done
Your tasks may vary depending on your project, mentor, and team. These are examples of the kind of work you'll experience.
Project Timeline
Follow the project from kickoff to final presentation.
R&D and Technology Selection
Exploration of HTML5 Canvas API, MCP (Model Context Protocol) libraries, and server-side image processing engines.
To Do
System Architecture & Data Model Design
Defining the JSON Schema format for template coordinates and setting up the database architecture.
To Do
Frontend Canvas UI Development
Image upload, canvas bounding box tagging, and configuring area properties (text, image, aspect ratios, constraints).
To Do
Backend & Template Management APIs
Developing API endpoints for saving/listing templates and validating dynamic field rules.
To Do
Embedded MCP Server Integration
Defining MCP Tools and Resources for AI agents to query templates and request content generation.
To Do
Image Rendering Engine (Image Compositing)
Building the server-side rendering service that overlays AI-generated text and images onto template coordinates to produce publish-ready visuals.
To Do
End-to-End Testing & AI Integration
Testing automated social media content generation scenarios with Claude / GPT desktop and custom agents.
To Do
What You'll Walk Away With
By the end of the program, you'll leave with practical experience and tangible outcomes.
Build custom MCP servers to connect AI agents with application tools.
Develop interactive HTML5 Canvas interfaces for layout tagging and component mapping.
Master server-side image rendering to dynamically generate publish-ready visuals.
Design JSON Schemas and REST APIs to power AI-driven full-stack workflows.
Guidance and Tools
Meet the mentor leading this project and explore the tools you'll use throughout the internship.
Development
- React
- Docker
- NestJS
- Postgresql
- MCP
Ready to Build It?
If this project feels like the right challenge, we'd love to see what you'll bring to the team.
Start your application and