Skip to main content
Learn how to build powerful Domo apps through hands-on tutorials. These step-by-step guides walk you through creating complete applications using both React and vanilla JavaScript.

​
What You’ll Learn

Each tutorial provides:
  • Complete source code with step-by-step explanations
  • Real-world examples that demonstrate best practices
  • Integration patterns for Domo datasets, APIs, and services
  • Deployment guidance to get your app running in Domo

​
Prerequisites

Before starting any tutorial, make sure you have:
  1. Installed the Domo Apps CLI
  2. Completed the Setup and Installation guide
  3. Basic knowledge of JavaScript and web development

​
React Tutorials

Build modern, component-based applications using React:

​
AI Book Recommender App

Create an AI-powered book recommendation app that leverages Domo’s AI Service Layer API. Learn how to:
  • Set up a React app from scratch
  • Integrate with external APIs (Open Library)
  • Use Domo’s AI services for intelligent recommendations
Level: Intermediate | Time: 2-3 hours

​
Mapbox World App

Build an interactive map visualization using Mapbox GL JS and Domo data. Learn how to:
  • Integrate third-party mapping libraries
  • Visualize geospatial data from Domo datasets
  • Create interactive, data-driven map experiences
Level: Intermediate | Time: 2 hours

​
Todo App

Build a task management application to learn React fundamentals. Learn how to:
  • Manage application state with React hooks
  • Create interactive UI components
  • Store and retrieve data from Domo
Level: Beginner | Time: 1-2 hours

​
Bar Code Scanner PWA

Create a Progressive Web App with barcode scanning capabilities. Learn how to:
  • Build a PWA that works offline
  • Access device camera for barcode scanning
  • Integrate with Domo datasets for inventory tracking
Level: Advanced | Time: 3-4 hours

​
Vanilla JavaScript Tutorials

Build lightweight applications using vanilla JavaScript:

​
Hello World

Learn the basics by building a configurable accordion widget. Learn how to:
  • Set up a vanilla JavaScript app
  • Use third-party libraries via CDN
  • Connect to and display Domo dataset data
  • Deploy your first app to Domo
Level: Beginner | Time: 1 hour

​
Dynamic Infographic

Create a data-driven infographic that updates dynamically. Learn how to:
  • Design with Canva and integrate with Domo
  • Use templates and variable substitution
  • Build responsive, data-driven visualizations
Level: Intermediate | Time: 2 hours

​
Return Flow

Build a workflow app with form inputs and data submission. Learn how to:
  • Create forms and handle user input
  • Implement data validation
  • Submit data back to Domo datasets
  • Handle complex data flows
Level: Intermediate | Time: 2-3 hours

​
SugarForce

Build an integration app connecting Domo with external services. Learn how to:
  • Integrate with third-party APIs
  • Handle authentication and data sync
  • Build connector-style applications
Level: Advanced | Time: 3 hours

​
Next Steps

After completing a tutorial:
  1. Explore the Guides section for deeper dives into specific topics
  2. Review Best Practices for production-ready apps
  3. Check out the Tools documentation to enhance your workflow

​
Getting Help

If you get stuck: