Super Awesome Streamlit Apps & Components 🎈

Welcome back, everyone! 😃 First, a huge thank you to everyone who gave me wonderful reactions and comments on my Twitter & LinkedIn posts as soon as I launched this series.

⭐Note for new readers: Please read the first article in this series as it covers a simple introduction to Streamlit framework, apps & components.

Second, let's straight dive into the apps for today!

😎 Awesome Apps Corner

🥁Presenting...

1. LinkedIn Connection Insights 🤝

• Would you like to get a "graph view" of your Linkedin connections? If yes, then please try this app!

  • Linkedin is like Facebook, but to connect & network with professional people!

  

• To upload a ZIP file, you need to generate an archive of your data, follow along ---
  • Log into Linkedin > Click on your Profile Image > Click Settings & Privacy > Data privacy > Click on "Get a copy of your data" > Choose "Want something in particular? Select..." > ✅ Tick on "Connections" > Click Request archive
  • After waiting for a few minutes, a ZIP file will arrive in your mail!
• This app's creator is Benedict Neo and he has written an article with a detailed explanation of his app!
• Try it out 👉 Open App
• 📌Source Code

🥁Next up, is...

2. AI Photo Rater 🤳 📊

• This app rates your photo based on certain metrics like Quality, Hotness, Intelligence, etc...

• Tom Dörr created this app and has covered the info in his tweet here!

• Please do give it a try 👉Open App

• 📌Source Code

🥁Next comes,

3. Thai-Fruit Image Classifier 🍍

• The app uses "deep learning methods" to classify thai fruits only!
  • Check out the detailed article about this app under the series written by the creator IBronko himself!

• Try it out 👉Open App
• 📌Source Code

🥁Another one...

4. Non-linear Career Visualizer 💼

• It's an interesting app to visualize your career without using a straight line!

• Michael is the creator of this app & has a detailed article attached along with it.
  • Please do give it a try 👉Open App
  • 📌Source Code

🥁Last one, is...

5. Perfume Recommendation 😲

• Built by Billy Bonaros, his app uses AI and NLP tech for converting text to perfume based on the description provided by you!
  • Describe a scenery, some perfume notes, keywords, or whatever you want & it will recommend a perfume.

• Try it out 👉Open App
• 📌Forum

That's the end of viewing some awesome apps, I'll be sharing more apps in the next article! 😉

Now, it's time to learn about adding new functionalities to our Streamlit apps!

👑Streamlit Components : streamlit_player

With the streamlit_player component, anyone can embed video and music players from various websites. Creator of this component is okld✨

Why use this component anyway? 🤔 Well, streamlit already has elements to load video and audio files.

• st.video to load video files, but it includes support for YouTube URLs and local MP4 files only.
• st.audio to load only local raw (.wav) files.
  • These elements set the limit for users not to load files from various websites 😐. That's where this component is very helpful!

👩‍💻 Let's Code together

Let's install it first ---

pip install streamlit-player

I assume you've already installed the latest version ofstreamlit before. We need to create a st_player.py file. Now, follow the format below.

Steps

1. Adding required libraries ---

   import streamlit as st
   from streamlit_player import st_player
   

2. We will be using the st.tabs layout feature to insert different video & audio links in separate containers. Here, we'll copy & paste URL links from Dailymotion, SoundCloud & Vimeo websites.

st.title('🎬 Streamlit Player Test')

tab1, tab2, tab3 = st.tabs(["Dailymotion", "SoundCloud", "Vimeo"])

3.Make use of with notation to embed links within each tab.

with tab1:
    st.write('Dailymotion Video')
    st_player("https://dai.ly/x7v68qm")

with tab2:
    st.write('SoundCloud Audio)
    st_player("https://soundcloud.com/ashleygerardmusic/falling-harry-styles")

with tab3:
    st.write('Vimeo Video')
    st_player("https://player.vimeo.com/video/521067593")

4.Save all the code & type the below command in a conda virtual environment

streamlit run st_player.py

Make sure that you're running the file from the correct saved location. If everything goes well, then Chrome will open up a new browser running your Streamlit App! 🎊

• 👉Open Demo App
• 📌Actual Source Code

Conclusion

That's it for today! I hope you've enjoyed and learned something new here.

🙋‍♀️ Feel free to drop your questions & your thoughts in the comments below!

Connect with me on Twitter, Github, and LinkedIn.

Happy Streamlit-ing🎈