Back to blogYouTube Video

Published June 18, 2026

Jumprope Tracker - Demo & Case Study

Can't play the video or having issues? Here's the direct link.

AI Summary

This video serves as a demo and case study for a Jumprope Tracker mobile application. The creator showcases the app's main features and provides a technical deep dive into the development process, including the choice of tech stack and the rationale behind the app's architecture.

Key Takeaways

  • Demonstrates a functional Jumprope Tracker mobile app.
  • Explains the specific tech stack used to build the application.
  • Shares a case study on the 'why' and 'how' of the development process to provide educational value for other developers.

Description

Book a call: https://calendly.com/itshassanaziz/discuss-a-project ==== ==== ==== In this video, I'll go through the main features of my Jumprope Tracker mobile app, as well as discuss the tech stack, and why and how I built this app. I hope you learn a new thing or two from this. :) ==== ==== ==== LINKS Website: https://www.hassandev.me Portfolio: https://www.hassandev.me/work YouTube: https://www.youtube.com/@itshassanaziz?sub_confirmation=1 My Book: https://www.hassandev.me/designing-websites X / Twitter: https://x.com/nothassanaziz

Transcript

Auto-generated transcript
So most of you already know that I'm big into fitness, even if I don't look like it yet, and I enjoy working out. Now recently I've been doing more cardio and behind the scenes, just to help me out over here, I've been building this amazing little app. It's my little jump rope app and it helps me track my workouts and improve my performance. I'm sure I've talked about it in some previous video of mine as well, but I never really did a detailed breakdown of the entire project. And also I've recently finished building a really cool AI agent for this entire app and it acts like a kind of training coach and it's really cool. You gotta see it. And so I think now is a good time to do a complete deep dive on this project. This video might get a bit long. I don't know how long because I'm recording it right now but it might get a bit long. So if you're interested in a specific topic, I'll make sure to add timestamps in the video player and you can jump around. Now without further ado, let's get into it. Now I've got the app running on my other phone over here and I'm just gonna go through a bunch of my favorite features in this app. So let's just start with the AI coach. Right now I'm on my home screen but let's just go into this AI tab over here and let's just start with this whole thing because this is probably what you're most interested in seeing, right? So this agent has access to all of your workout data, right? All of the goals, streaks, everything that you set in this app. And it does this via tool calls. It can read your past workouts, past streaks, goals, and all those other things, right? And it can give you personalized insights on this data. And you can obviously talk to it in natural language. Like I could say something like, so let's ask it something like, how was my week, right? And it's going to fetch all of my workouts from past dates, check my goals, streaks, and so on and so forth. And it's going to give me an answer. Now, full disclosure, I haven't really added any workouts over here in a while. So it's obviously not gonna pick them right now, right now We also track conversation history because obviously that's an essential feature as well So if you ever want to go back to a previous chat, you can do that right here and over here You can see I just asked it to suggest a goal for me and it checked all my goals check my workouts it checked how well I perform currently and then it gave me a a personalized goal based on that. So that's pretty useful, right? Now, another really cool feature is this weekly digest over here. And what this does is it basically generates a complete summary of your whole week's workouts. So this is going to take the entire week's workouts, streaks goals all those things and then give you a bunch of actionable insights that you can implement in the next week Basically it a really cool feature and I love it So as you can see I trying to generate a new digest over here for this week and it just going to fetch all my workouts for this week all my goals and streaks and everything else. It's going to send them over to the API or to the LLM basically, and it's going to generate a digest for me to read based on all of this data. Now again, I haven't really added any data over here right now, so I don't expect it to give me anything useful, but it does show you how useful this whole thing can be. Now, one more thing is over here. If you click in this history icon, we do store every single past weekly digest that this program has generated. So you can go back to previous weeks, see how you performed, see what you needed to improve on, right? So if I open one of these, this is what it looks like. You have a weekly performance audit. You see your key wins. You see insights from the notes. You see the next week's focus it's basically really useful and all of this is automatic like i'm just generating it here manually for you to see but if you're using this app this is just going to automatically generate this weekly digest for you every single week and give you a notification on your phone like this is an automatic process all you need to do is just use the app like normal right just add your workouts add your goals and stuff right now the ai coach is the shiny new feature in this app but there are a couple of amazing other features as well that we should probably go through. Now logging workouts is a really simple and easy process. You just type the duration over here, the total skips that you did. You can type the interruptions as well. And this is useful because then the average skips per minute over here, this gets auto calculated based on your total skips and trips. And of course, a bunch of other optional stuff as well. If you want to add that, I'm not going to bother with that right now i'm just going to save this and if i go down here here we have our complete workout now you'll notice setting goals in the app is easy as well if i just go to settings and goals i can just set any goal over here that i need to aim for and it's going to show up on my home screen over here and i can easily see how i'm progressing towards that goal right all this data gets automatically filled up based on my workout history right we also track the user streak so that you know just for some extra motivation and of course you can add a rest day as well if you want to but yeah who needs a rest day right oh and one more thing before i forget we also have these really cool really beautiful share cards so if i go over here you can literally share this whole workout as like an image with anyone you want now i'm not going to do that over here because the last thing i want is to reveal my personal chats but yeah this is something you can do now this app is designed to work completely offline because I do value simplicity and I didn want to add too much complexity in this app because I need to use it as well But that being said, once I started developing the AI coach, I realized it would be a lot easier to implement if I had the workout data accessible from my proxy server, right, where the backend API for this app is hosted. so the app now has a cloud sync feature for anyone who wants it this is completely optional obviously but if you use ai features you're going to need it so ai features do require this but if i go over here to settings and sync yeah you can sync your data with our cloud servers and you can obviously delete your data as well so yeah if you need to if you want to delete your data for some reason it's not a complicated process you literally just come here and click delete data and it does it for you. It's no big deal. So that was me going over the features of this app. Now let's talk about the technical decisions, the tech stack, why I built this and so on and so forth, right? So let's talk about my tech stack over here. The tech stack that I chose for this app is React Native and Expo. That's how I built this app. I didn't really have a need for any obscure native APIs in Android or iOS. So React Native was the obvious choice for me. Everything I needed, I could get from this or expo so yeah this was this was the obvious choice now the app uses a local sqlite database to store all of its data this is what i mean right all your data is completely local but if you want to use cloud sync that's an optional feature and you can but the actual app data is always completely local now along with this i have a little proxy server hosted on versell right and built with fast api and this is the back-end api for this whole application this is what manages the features like the ai coach as well as the cloud sync and other features right oh and as for the actual ai features those come from google gemini i love the work google is doing in ai heck i literally i literally bought a pixel phone you can't see it because i'm recording of it but i literally bought a pixel phone from google because i love the work they're doing in ai and i'm enjoying google products i know a lot of people won't agree with me on that but that's okay but But yeah, Google Gemini is powering the AI coach in this app. Now, why did I build this app? And there's a couple reasons for this. Firstly, I just wanted an app that could track my jump rope workouts, right? That was the main thing. And I'm sure there's a ton of cardio apps out there, but I wanted to specifically track my jump rope workouts I needed some unique features that weren even really present in other apps right Because I wanted something minimal right I wanted something minimal that was focused on doing one thing and doing it well. Kind of like the Unix philosophy of development, if any of you are familiar with that. The Unix philosophy is basically that you have one tool that does one thing and it does it really well. And then you can have multiple different tools that you can then combine into solving bigger and bigger tasks right so that's what i wanted to achieve over here one app that did one thing and did it really well secondly i wanted to see how far i could go with ai assisted coding i'm not going to call this wipe coding i hate that term ai assisted coding all right i wanted to see how far i could go with just letting the ai write all of the code for me and not manually making any changes at all and believe it or not this entire app was built with ai as in I did not write any code at all. Now, yes, I'm the one who developed all the features and, you know, gave the AI the right context and everything, but the actual code, all of it was written with AI. And the reason that I used AI over here to write all the code, despite being a full stack engineer with six years of experience, at least at the time of recording this video, is that I think AI assisted coding is the future. I've said this in other videos on my channel as well, so I won't go too deep into it here but let's just say ai assisted coding is the future and ai models nowadays are capable of some really amazing things provided that they're receiving prompts and context from someone who knows what they're doing and someone who knows what they're doing so yeah that's just me yapping about this whole interesting project that i built i had a lot of fun developing this and i'm i'm actually using this app almost every day to track my own workouts Now, I know you didn't actually see a lot of data inside the app, but that's because I'm using my backup phone over here to give you that demo. Right. And I'm using my main phone over there to record the video. So, yeah. And by the way, this app is completely open source. So if any of you want to, you know, clone it, play with it, use it, break it, you're completely free to do that. And if you like the stuff that I'm building over here and you want to hire me for a project or something, then all you got to do is book a call with me. It's just gonna be a free 30 minute call. We're gonna discuss your project We're gonna get to know each other and we're gonna get to work now if you're watching this on YouTube It's gonna be the top link in the description to book a call with me And if you're watching this on my website or something You should see a get in touch button at the top navigation bar or something and you can just click that Book a call with me and you can get started. Yeah, that's it. Thanks for watching

Share this article

All great things started with a conversation

If you've got a cool project or opportunity and you want me to be a part of it, set up a free meeting with me here, and let's talk. 😊