Back to all series
  • Design & Feedback
  • Design system
  • Web Development
  • Prototyping

Live-Coding a Virtual Bookshelf CRUD App

Follow along while Judith and Nils set out to code up a fullstack prototype app to prove that implementing a working thing is a viable option when working with prototypes.

    Cover Image of Video

    Live-Coding a Fullstack Prototype – Episode 1

    Explore quick prototyping techniques using React and SuperBase to create a virtual bookshelf. Learn how to set up a CRUD interface and integrate user feedback.

    Cover Image of Video

    Live-Coding a Fullstack Prototype – Episode 3

    Discover how to build a bookshelf app using the SShadcn component library, React Hook Form, and Zod. Learn about form handling, validation, and tackling common errors.

    Cover Image of Video

    Live-Coding a Fullstack Prototype – Episode 5

    Discover the challenges and solutions in form handling with React Hook Form and state management in Shadcn dialog components. Learn how to integrate React Router for efficient state management.

    Cover Image of Video

    Live-Coding a Fullstack Prototype – Episode 6

    Discover how we fixed the add book dialogue issue, implemented delete functionality, and discussed state management in our virtual bookshelf app using React and SuperBase.