DEV Community

Tessa Nishida for Bit Project

Posted on • Edited on

Building a Productivity Timer using Azure Functions and Twilio

WorkSpace was built to help young kids stay engaged while learning online. The web app uses a Pomodoro timer and guides kids through breaks and work time. Parents also have the option to fill out a contact form which is used to send them a report of their child’s activity at the end of each session using an Azure function and the Twilio API.

Visit WorkSpace: https://lively-bush-0e9bdb91e.azurestaticapps.net/

About Me

Alt Text

Hello! My name is Tessa Nishida, and I am a sophomore studying computer science at the University of Utah. I am originally from Honolulu, HI and I enjoy running, hiking, and traveling!

About Workspace

While helping to tutor young students during the pandemic, I noticed that kids had difficulties staying focused and motivated while learning online. Created WorkSpace to help kids develop good time management skills and help parents better idea of how their child learns.

How it Works

Below is a diagram of the basic structure of the web app...

Alt Text

Here is a general outline of how to connect the frontend and backend..

  1. Create a Azure Static Web App
  2. Call Azure Function from frontend (Remember to use async functions!)
  3. Call the Twilio API in the backend

Done!

Thank you!

This project was built as a part of the Bit Project Serverless BitCamp cohosted by Microsoft. I would like to thank my mentor Marie Hoeger for helping me throughout this process, as well as Emily, Evelyn, and Julia for leading our cohort.

$150K MiniMax AI Agent Challenge — Build Smarter, Remix Bolder, Win Bigger!

Join the $150k MiniMax AI Agent Challenge — Build your first AI Agent 🤖

Developers, innovators, and AI tinkerers, build your AI Agent and win $150,000 in cash. 💰

Read more →

Top comments (0)

Heroku

Tired of jumping between terminals, dashboards, and code?

Check out this demo showcasing how tools like Cursor can connect to Heroku through the MCP, letting you trigger actions like deployments, scaling, or provisioning—all without leaving your editor.

Learn More

Announcing the First DEV Education Track: "Build Apps with Google AI Studio"

The moment is here! We recently announced DEV Education Tracks, our new initiative to bring you structured learning paths directly from industry experts.

Dive in and Learn

DEV is bringing Education Tracks to the community. Dismiss if you're not interested. ❤️