Digital Media: From Prototypes to Products and Services

This is a practical software engineering course on creating a minimum viable product or service based on an interactive prototype for a mobile or web application designed in Framer (or Figma or Play).

We begin with a detailed review of the designs with particular attention to the underlying design system, and in particular, its component or pattern library.

The first half of the course is dedicated to building a fully functioning demo of your application, where the the front-end user experience is powered by these components and the backend is implemented on a platform like Supabase.

We dedicate the second half of the course to either enriching your demo with novel features or preparing a version of your application for launch as a product or service.

In the former case, the work on final deliverables may focus on iterative refinements to interaction and interface design or integration with third-party services for real-time interactivity and working with cloud storage and live data.

In the latter case, the work would focus on deployment, security, and scaling.

Your work in this course is based on significant use of a mix of these tools: Notion, Framer, Next.js, Supabase, Vercel AI SDK, Github, and Visual Studio Code.