Jiu Jitsu App with Python and Streamlit

Key Takeaways

so I've been doing Jiu Jitsu for about 10 years and I just recently got my black belt [Music] and I thought it would be a cool idea to build a jiu jitsu app something like a search engine for jiu jitsu moves but that I could do you know some specific processing maybe use some machine learning have kind of like a pocket Style app that shows you suggestions for moves regarding certain topics in Jiu Jitsu I'm going to start a spark series on this topic and let's see what happens all right so let's get started by creating the file create a new file that is going to be called Jiu Jitsu app so you it's your app.bye okay um I already have kind of like the the outline of the what the app looks like so let's open it up and see what that looks like in practice I'm going to open the terminal and I'm going to run stream lit so I'm going to activate perfect so I have streamlined installed I can just run pip install streamlit sorry everything's already installed great let's get rid of that let's come here and let's write streamlit run Jiu Jitsu app and now I have the GG trap running on the browser here on my right and on my left I have the code okay so let's see how I got to this by just removing everything that's here to get things started let's import streamlit perfect and let's start with the header so the name of the app is going to be Jujitsu analysis app because I have zero creativity and there we go I'm running always rerunning on streamlit so it allows me to see it in real time the updates that I do on the code which is awesome streamlip streamlit is awesome that's all I'm gonna say and now okay I'm gonna do some comments here and the subhead there's going to be search for video uh because again zero creativity and let's set up a category box so this is going to be a selection box where we select certain topics and then we're going to show YouTube videos related to those topics and how we get the links for the YouTube videos is something that's going to change in the future but for now I'm gonna do it manually so here I'm adding all the topics that I thought would be cool to start and so we're talking about takedowns we're gonna have submissions guard passes sweeps escapes drills sneaky moves and then some cool sparring uh cool sparring videos and training sessions that I see online that are like helpful and stuff okay so when so now we have this on my appears we have takedowns submissions and we're not seeing anything change because so far I haven't added the actual uh URLs to the videos but we're going to do that now okay so I'm gonna set up some columns in streamlin to organize the layout and the first one that I'm going to add is going to be takedowns so I already have preset some links to videos regarding takedowns and let's see how that looks so now when I click takedowns there we go we have access to some cool takedown videos that were pre-selected from YouTube now uh from where am I getting these videos well obviously from YouTube but what I'm doing is um so what I've done is I over the years uh I gathered a bunch of links to different Jiu Jitsu moves and to different grappling to dip what I've done over the years is I gathered a bunch of videos of interesting moves and Concepts regarding grappling mostly although this is supposed to be for fighting techniques in general but as you can see there's much more for grappling and I have takedowns guard passes submissions escapes all sorts of stuff that I thought was interesting and I used those to start the app I use those links to kind of like get me started so I I added for takedowns let's add now for submissions so I just add a lift and then if category is submissions meaning if we click in submissions here we're gonna see a few videos on submission so if now if I click on submissions uh there should be oh wait there was a narrow there and now if I do that okay still there and there because we need a parenthesis okay perfect now we can move from you know if if I click on takedowns I see all these videos I see all the the text for the videos of takedowns in the future I might add some gifs to kind of like have a short intro to these videos instead of having the actual full-on YouTube video here but that's for the future and now for submissions and we're going to do that for gar passes and some other and the other topics that we added so sweeps escapes drills and some cool sparring sessions so now I can go through this let's say search engine and I can go on the videos and have the videos shown to me in this pocket style version and I can have the videos shown to me in this pocket style and I can have the videos shown to me in this pocket style layout and so far it looks pretty good this is the start of the video and this is going to be a short video because all I have for all I have for this app right now is this so just the selection box and showing the videos but I want to evolve this with a little bit of machine learning maybe so do some pose estimation some post tracking do video processing I want to you know get creative if you guys have any ideas of what I could do to evolve it please put it on the comments like the video do all that stuff if you guys have any idea on how I could evolve this app let me know in the comments and for now that's it cheers