Fun, Beautiful, Printable 'Story Cards' for Kids with Cloudflare AI

• cf-challenge-ai-storycard

  1 9 8.0 Svelte

  Create Stories in a card with illustrations using AI. Created as part of Cloudflare AI Dev Challenge

The complete source is available here under the MIT license - https://github.com/anselm94/cf-challenge-ai-storycard

• SvelteKit

  611 17,685 9.8 JavaScript

  web development, streamlined (by sveltejs)

  

This AI-powered Story Card Maker is built as a SvelteKit application with Typescript. Using Flowbite Svelte component library, the whole application was laid out. The layout for the Story Card (emulating the size of a postcard - 4" x 3") is created as an HTML Canvas using Fabric.js.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• fabric.js

  49 27,470 9.3 JavaScript

  Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser

  

This AI-powered Story Card Maker is built as a SvelteKit application with Typescript. Using Flowbite Svelte component library, the whole application was laid out. The layout for the Story Card (emulating the size of a postcard - 4" x 3") is created as an HTML Canvas using Fabric.js.

Suggest a related project