SLC S23W2 : What Your Mood? A Thunkable App
Hello everyone hope you all are well and enjoying your life. last week i successfully published my entry post in the learning club and in the week one the project was about
My Recent Project: A 3D Model of Ring Topology This project shows how the ring topology works actually that was not the real project it was just the 3D model of RIng topology. but this week i published my real project i hope you people will like it. I started to create an app in Thunkable. its not fully complted but i am working it. 90% of my project is complted i am share it with you people i hope you all will like it.
This app name is "What Your Mood?" and the app is designed to provides users with personalize recommendation based on their current mood This app is not only engaging but also highly interactive making it useful for anyone who wants customized suggestions for music movies books and more.
Purpose of the App
In todays fast paced world emotions play a important role in our daily decision making processes. whether we feel happy sad energetic or relaxed our emotion influence our choice.
My app "What's Your Mood?" is designed to enhance the user experience by offering personalized recommendation tailored to the user current emotional state. This includes
- Music recommendations 🎵
- Movie suggestions 🎬
- Book recommendations 📖
- Recipe ideas 🍽️
- Inspirational quotes 📝
- Custom Spotify playlists 🎧
This app aims to help users quickly find content that aligns with their mood making entertainment and relaxation more enjoyable and stress free.
App structure and Features
The app consists of two main screens:
Screen1 – Mood Selection
Overview:
Screen1 serves as the home screen where users are presented with different mood option. By tapping on a mood button the app saves their selection and navigates them to the next screen where they receive tailored recommendations.
UI Components in Screen1:
- Title Label – Displays "Whats Your Mood?" as heading to inform users about the app purpose.
- Mood Selection Buttons – Users can choose from a variety of moods:
- Happy 😊
- Sad 😔
- Relaxed 😌
- Energetic ⚡
- Stressed 😖
- Romantic ❤️
- Info Button ℹ️ – Provides instructions on how to use the app.
- Background and Design – The screen features an intuitive design with a visually appealing background.
Programming Logic for Screen1:
- Mood Selection: When a user clicks on a mood button the app saves their choice and transitions to Screen2.
When [Mood_Button] Click
→ Set global Mood = [Button Text]
→ Navigate to Screen2
Info Button: When clicked an alert box appears explaining the apps functionality.
When [Info_Button] Click
→ Show Alert: “Select your mood and get recommendations based on it.”
The whole code of Blocks of Screen 1 is below
Screen2 – Personalized Recommendations
Overview:
After selecting a mood users are directed to Screen2 where they receive personalized recommendations across six categories: music movies books recipes quotes and playlists.
UI Components in Screen2:
- Mood Display Label – Shows the user selected mood.
- Recommendation Buttons – Users can explore content in different categories:
- Music (Canzone) 🎵
- Movies (Film) 🎬
- Books (Libro) 📖
- Recipes (Ricetta) 🍽️
- Quotes (Citazione) 📝
- Playlists (Spotify) 🎧
- Dynamic Text Label – Display recommendations dynamicaly.
- External Links – Some recommendations include Spotify playlists or YouTube trailer.
- Navigation Button – Users can go back and select a different mood.
Programming Logic for Screen2:
- Displaying the Selected Mood:
When Screen2 Opens
→ Set Label.Text = "You are feeling: " + global Mood
- Fetching Recommendations:
When [Music_Button] Click
→ If global Mood = "Happy"
Set Label.Text = "Recommended Song: 'Happy' by Pharrell William"
→ Else If global Mood = "Sad"
Set Label.Text = "Recommend Song: 'someone Like You' by Adele"
Opening External Links:
When [Spotify_Button] Click
→ Open Link: "#"Navigation Back to Screen1:
When [Back_Button] Click
→ Navigate to Screen1
The whole code of Blocks of Screen 2 is below
Development Process & Challenges
While working on this app I encountered a few challenges such as
- Optimizing the UI for better user experience.
- Ensuring smooth transitions between screens.
- Managing multiple recommendations dynamically Without slowing down performance.
Despite these challenges I successfully developed a fully functional app using Thunkable block based coding making it a fun and interactive experience for users.
Future Enhancements
To improve the app further I plan to add:
- API Integration: Connecting the app to Spotify YouTube or Goodreads for real time recommendation.
- User Profiles: Allowing users to save their favorite recommendations.
- More Mood Options: Expanding mood choices like Motivated Lazy Anxious Inspired etc.
How i make money from this app?
its very simple i use some admob ads in this app so when a user are using this app they all see some ads and the admob will me per impression and click.
Creating this app was exciting journey for me and I m so happy to share it with you all. i hope you people will leran alot from my this app "What your Mood?" is design to make life easier by provding instant personalize recommendation based on emotions.
i was also try to share the link of my APP but it not publish on playstore or app store. soon this app will publish and avaislbe for everyone .to use it
Demo test link is here https://youtube.com/shorts/Qp3cVqJ3cm8?feature=share
NOTE: the above project is incomplete i need to work on it more i just started work on this project from last month it's my client's requirement. some functions are not working properly.
hi @hamzayousafzai , Please provide a demo video showing how the app works because you wrote some details like:
If global Mood = "Happy" Set Label.Text = "Recommended Song: 'Happy' by Pharrell Williams"
but you didn't explain how that works in your post.
or, make the project public and share the link with me
ok, i am providing the demo video of how my app is working.
@kafio Demo test link is here https://youtube.com/shorts/Qp3cVqJ3cm8?feature=share
Spelling and grammar issues:
Your documentation has spelling and grammar errors. So use a capital “I” and start sentences with capital letters to make them easier to read .
Language consistency:
Your application interface mixes Italian and English. Use one language consistently.
Project clarity:
You also mentioned earning money from ads while previously stating it was a client requirement.
UI & DEV recommendations
It looks like a great idea, I'm excited to see the final result, also, I learned about a new tool, Thunkable , thanks for that.
My pleasure very soon i complete it.. my client will earn money from ad
..
Thank yoy so much for your feedback i am not so expert i am also .learning from YouTube.... but on that way. I completed 100 of. Project when you go down in my YouTube channel you will find many videos about this plate from
I will complete and modify this project and then post in next week.. account to your suggestion