Skip to content

Web-Bae/pattern-bae

Repository files navigation

Pattern Bae

This repository holds all the code for Web Bae's tutorial on building a Webflow App with Svelte, TypeScript, Vite, and the Webflow API (v2).

Course Link

Course Announcement: Web Bae's Patreon

Course Outline

  1. Project Setup and Developer Experience
  2. Styling, Svelte Intro, and Github Checkpoint
  3. List Patterns in App and React to Clicks
  4. Adding Patterns to Designer
  5. Organizing Code
  6. Svelte stores make global state easy
  7. Manage pattern colors with Svelte derived store
  8. Controlling size with our derived store
  9. Refactoring how pattern size is adjusted
  10. Improving App Mount State and User Interface
  11. Bundling the App for production and uploading to Webflow

Stuck?

Use the various git branches to teleport to lesson checkoints.