Course description
This is a practical course on the tools and practices for going from an interactive design prototype for a mobile or web application to a functional demo that can be tested with the intended audience. Starting with a prototype built in Framer X with only design components, we show how to extend the underlying design system with code components for creating richer user experiences. In the first half of the course, we build a fully functioning demo of the application front-end with these components and learn how to leverage third-party services that abstract server-side processes and database actions as reusable application programming interfaces (APIs). The second half of the course may be dedicated either to testing and refining new features for the demo or to preparing a version of the 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 working with cloud storage, live data, and real-time interactivity. In the latter case, the work would necessarily focus on deployment and scaling. Technologies used in this course include Gatsby, React, Framer X, Adobe XD, Flutter, Dart, Github, Visual Studio Code, and Netlify.