Logoplayschool.dev
Complete Curriculum

12-Week Journey
From Zero to Full-Stack AI Engineer

A comprehensive, hands-on curriculum designed to transform you into a job-ready developer with modern full-stack and AI engineering skills.

480+ Hours
Total Learning
10+ Projects
Hands-on Build
7 Tech Stacks
Modern Tools
1 Portfolio
Career Ready

Week-by-Week Breakdown

Each week builds upon the previous, creating a comprehensive learning journey

Week 1
Program Kickoff & Foundations
40 hours

Learning Objectives

  • Understand modern software development lifecycle (SDLC)
  • Master Agile methodology and startup workflows
  • Form effective development teams
  • Define project scope and requirements

Technologies & Tools

LinearFigmaSlackGitHub

Topics Covered

Introduction to the program & expectations
What is SDLC? How startups build products
Agile fundamentals: Sprints, Standups, Retrospectives
Team formation strategy (teams of 6 students)
Product assignment and project planning
Communication tools: Slack, Linear, Figma
Week 2-3
Development Environment & Version Control
80 hours

Learning Objectives

  • Master professional development tools
  • Understand version control workflows
  • Setup optimal coding environment
  • Practice collaborative development

Technologies & Tools

GitGitHubVSCodeTerminalnpm

Topics Covered

GitHub 101: repositories, branches, merging
Pull requests, code reviews, and issue tracking
Terminal and CLI mastery (Bash/Zsh)
VSCode setup with productivity extensions
Package managers: npm, yarn, pnpm
Environment variables and configuration
Week 4-5
Frontend Development & Modern React
80 hours

Learning Objectives

  • Build responsive, accessible web interfaces
  • Master modern React patterns and hooks
  • Implement professional UI/UX designs
  • Deploy applications to production

Technologies & Tools

HTMLCSSJavaScriptTypeScriptReactTailwindCSSVercel

Topics Covered

HTML5 semantic markup and accessibility
CSS3: Flexbox, Grid, animations, and responsive design
JavaScript ES6+: async/await, destructuring, modules
TypeScript fundamentals and type safety
React 18: hooks, component composition, state management
TailwindCSS utility-first styling
shadcn/ui component library
Deployment with Vercel and Netlify
Week 6-7
Backend Engineering & APIs
80 hours

Learning Objectives

  • Design and build RESTful APIs
  • Implement secure database operations
  • Understand backend architecture patterns
  • Practice API testing and documentation

Technologies & Tools

Node.jsPostgreSQLDrizzleSupabasePostman

Topics Covered

HTTP protocols and REST API principles
API design patterns and best practices
PostgreSQL: queries, relationships, indexing
Drizzle ORM for type-safe database operations
Supabase: database, authentication, real-time
API security: CORS, rate limiting, validation
Testing with Postman and automated tests
Week 8
Full-Stack Integration & Authentication
40 hours

Learning Objectives

  • Connect frontend and backend seamlessly
  • Implement secure user authentication
  • Master data fetching strategies
  • Ensure end-to-end type safety

Technologies & Tools

React QueryNextAuth.jsJWTMiddleware

Topics Covered

Data fetching: React Query, SWR patterns
Authentication flows: OAuth, JWT, sessions
Session management and security
Type safety from client to database
Error handling and loading states
Performance optimization techniques
Week 9-10
AI Integration & Modern Workflows
80 hours

Learning Objectives

  • Integrate AI capabilities into applications
  • Master prompt engineering techniques
  • Build intelligent user experiences
  • Implement AI-powered features

Technologies & Tools

OpenAI APIVercel AI SDKMastraVector DBs

Topics Covered

Prompt Engineering: techniques and best practices
OpenAI API: GPT models, embeddings, assistants
Vercel AI SDK for streaming responses
Mastra for AI agent orchestration
Building chatbots and AI assistants
Vector databases and semantic search
AI ethics and responsible development
Week 11-12
Ship, Showcase & Career Prep
80 hours

Learning Objectives

  • Polish and deploy production applications
  • Develop professional presentation skills
  • Prepare for technical interviews
  • Build a compelling portfolio

Technologies & Tools

AnalyticsMonitoringSEOPortfolio Tools

Topics Covered

Production deployment and monitoring
Performance optimization and SEO
Communication and presentation workshops
Product demos and team showcases
Resume writing and GitHub profile optimization
Technical interview preparation
Portfolio development and storytelling

What You'll Achieve

By the end of this program, you'll have mastered these essential skills

Technical Skills
  • Full-stack web development with modern frameworks
  • AI integration and prompt engineering
  • Database design and API development
  • Version control and collaborative workflows
  • Testing, deployment, and DevOps basics
Professional Skills
  • Agile project management and teamwork
  • Code review and technical communication
  • Problem-solving and debugging
  • Product thinking and user experience
  • Time management and deadline execution
Career Readiness
  • Portfolio development and personal branding
  • Technical interview preparation
  • Industry knowledge and best practices
  • Networking and professional development
  • Continuous learning mindset

Technology Stack

Master the most in-demand technologies used by top startups and tech companies

React

Frontend

TypeScript

Language

Next.js

Framework

TailwindCSS

Styling

PostgreSQL

Database

Supabase

Backend

OpenAI API

AI/ML

Vercel

Deployment

Git/GitHub

Tools

Figma

Design

Ready to Start Your Journey?

Join the next cohort and transform your career with hands-on learning, real projects, and mentorship from industry experts.