Is The Only Limitation Of Lovable Your Imagination? ✅ 🔗 **Source:** [Is The Only Limitation Of Lovable Your Imagination? ✅](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=1s) > [!note]+ Document Notes > tags: [no-code, ai-tools, tournament-management] > author: [MISSING] > source: [YouTube] > reference: [https://www.youtube.com/watch?v=Lxh5vkbmH-U] > date created: > > # 🏷️ Title: Is The Only Limitation Of Lovable Your Imagination? ✅ > <!-- deep-read:sections start --> ## 🧭 Table of Contents - [📝 Summary](#-summary) - [📖 Main Content](#-main-content) - [🗒️ Notes](#️-notes) - [📚 References](#-references) - [🗣️ Paraphrase](#️-paraphrase) - [📰 Newsletter](#-newsletter) - [✅ Action Items](#-action-items) - [🧪 Hypotheses](#-hypotheses) - [📊 Methodology](#-methodology) - [❓ Questions](#-questions) - [🔮 Future Research](#-future-research) - [💡 Implications](#-implications) - [🧠 Learning Styles Assessment](#-learning-styles-assessment) - [📊 Accessibility Assessment](#-accessibility-assessment) - [🌍 DEIB Assessment](#-deib-assessment) - [✅ Logical Validity](#-logical-validity) - [🛡️ DARVO Analysis](#-darvo-analysis) - [🎯 Conclusion](#-conclusion) ### 🔗 References - Lovable — AI app builder positioning and features. https://lovable.dev - Lovable Docs — workflows, publishing, and projects. https://docs.lovable.dev/ - Video: Is The Only Limitation Of Lovable Your Imagination? https://www.youtube.com/watch?v=Lxh5vkbmH-U ## 📝 Summary - The video live-builds a FIFA-style tournament app with Lovable. - The host configures groups, generates matches, and advances winners. - The platform scaffolds UI, state, and logic with prompts. - Early bugs appear in knockout round naming and progression logic. - Iterative prompts fix naming and add real-time scoring and seeding. - Stakeholders include hobby organizers, clubs, educators, and OSS advocates. - Risks include logic errors, scaling limits, and data persistence gaps. - Ads-based monetization appears, but governance and privacy require care. - Bottom line: Lovable can ship a functional bracket tool quickly. ## 📖 Main Content - The creator asks whether imagination is Lovable’s main limit. - He specifies teams, groups, and advancement parameters. - Lovable proposes a themed dashboard and builds a starter app. - The app generates round-robin group matches and standings. - A knockout bracket then pairs group winners with runners-up. - An initial bug jumps straight to the final after the Round of 16. - A prompt-corrected function fixes round labels and flow. - Further prompts add real-time score updates and random group seeding. - The host publishes a live version and discusses custom domains. - Context: AI app builders translate goals into runnable code fast. - Uncertainties remain around auth, persistence, concurrency, and exports. - These concerns matter for schools, leagues, and community events. ### 🗒️ Notes #### ⏱️ [00:02:36](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=156) Tournament setup and parameters ### [H1] Lovable scaffolds tournament setup from prompts > [!quote] [Is The Only Limitation Of Lovable Your Imagination?](https://www.youtube.com/watch?v=Lxh5vkbmH-U) by an unnamed author via [[YouTube]]. Published [MISSING]. Accessed . > “I want to create an application… Every team should be able to fill in the name.” Prompt-driven scaffolding captures requirements and initializes UI quickly. [view highlight](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=156) #articleseed #xref ID:rw_[MISSING] #### ⏱️ [00:07:48](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=468) First working build ### [H2] App generates groups and live standings > [!quote] [Is The Only Limitation Of Lovable Your Imagination?](https://www.youtube.com/watch?v=Lxh5vkbmH-U) > “Tournament set up… Start tournament… now you see the standings.” Round-robin tables and points update after score confirmation. [view highlight](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=468) #xref ID:rw_[MISSING] #### ⏱️ [00:13:23](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=803) Knockout flow bug ### [H3] Knockout logic initially skips stages > [!quote] [Is The Only Limitation Of Lovable Your Imagination?](https://www.youtube.com/watch?v=Lxh5vkbmH-U) > “After the knockout… it goes directly to the final. That is not correct.” Mismatch reveals brittle auto-generated bracket logic. [view highlight](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=803) #xref ID:rw_[MISSING] #### ⏱️ [00:13:19](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=799) Fix via prompt ### [H4] Prompted fix corrects round naming and sequence > [!quote] [Is The Only Limitation Of Lovable Your Imagination?](https://www.youtube.com/watch?v=Lxh5vkbmH-U) > “The get round name function has incorrect logic. Let me fix it.” A quick regeneration patches flow to 16 → QF → SF → 3rd → Final. [view highlight](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=799) #xref ID:rw_[MISSING] #### ⏱️ [00:20:41](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=1241) Live scoring UX ### [H5] Scores update in real time without confirmation > [!quote] [Is The Only Limitation Of Lovable Your Imagination?](https://www.youtube.com/watch?v=Lxh5vkbmH-U) > “Scores are now updated real time.” Immediate feedback improves flow and reduces clicks. [view highlight](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=1241) #articleseed ID:rw_[MISSING] #### ⏱️ [00:19:31](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=1171) Uneven groups support ### [H6] App supports groups with fewer teams > [!quote] [Is The Only Limitation Of Lovable Your Imagination?](https://www.youtube.com/watch?v=Lxh5vkbmH-U) > “I want it to be possible to have one group with less teams.” Edge cases like odd counts get explicit handling. [view highlight](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=1171) #xref ID:rw_[MISSING] #### ⏱️ [00:24:29](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=1469) Scheduling fairness ### [H7] Match ordering distributes play evenly > [!quote] [Is The Only Limitation Of Lovable Your Imagination?](https://www.youtube.com/watch?v=Lxh5vkbmH-U) > “Change the order… evenly divided.” Fair scheduling avoids one team playing consecutively. [view highlight](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=1469) #xref ID:rw_[MISSING] #### ⏱️ [00:28:32](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=1712) Publishing and domains ### [H8] Publishing and custom domains are available > [!quote] [Is The Only Limitation Of Lovable Your Imagination?](https://www.youtube.com/watch?v=Lxh5vkbmH-U) > “I want to add a domain to this.” Lovable hosts projects and supports custom domains. [view highlight](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=1712) #xref #addendum ID:rw_[MISSING] ## 📚 References - Lovable — Product site. https://lovable.dev - Lovable Docs — Publishing and projects. https://docs.lovable.dev/ - Video: Is The Only Limitation Of Lovable Your Imagination? https://www.youtube.com/watch?v=Lxh5vkbmH-U ## 🗣️ Paraphrase - The host asks if Lovable can build a complete tournament tool. He defines constraints, then iterates through fixes and UX upgrades. - The app now supports uneven groups, real-time scoring, and fair scheduling. It also publishes easily with optional domains. ## 📰 Newsletter - Trying to run a FIFA-style bracket night? This Lovable demo shows a working path from prompt to publish. - You can configure groups, auto-schedule matches, and advance winners with live standings. - Consider exporting data and adding privacy safeguards before production. Docs: Lovable site and docs. https://lovable.dev • https://docs.lovable.dev/ ## ✅ Action Items #### DevRel - Run a 45-minute live-build demo for tournament tooling. - Ship a minimal “brackets” example repo and tutorial. - Add a “WordPress + Lovable” embedding walkthrough for organizers. - Collect feedback via a short survey and office hours. #### OSPO - Draft a policy for AI-assisted code contributions and review. - Add license scanning and dependency audit to generated apps. - Document data retention, exports, and deletion requests. #### Community - Host a community bracket night to field-test UX. - Publish a contributor guide for logic and fixtures. - Share a roadmap and invite issue triage volunteers. #### WordPress - Build a plugin stub that embeds the generated bracket. - Provide shortcode and REST endpoints for scores. - Document sanitization, nonces, and role capabilities. #### The WPOCC - Evaluate microgrants for community sports tooling. - Pilot “governance clinic” on data and moderation. - Publish transparent budget and impact notes quarterly. ### FAIR - Define a covenant covering provenance and prompt logs. - Recommend export formats (CSV/JSON) with signatures. - Publish an operator agreement template for events. ## 🧪 Hypotheses - Prompted scaffolds reduce prototype time by 60–80% for CRUD apps. - Real-time updates improve data entry speed and accuracy by 20%. - Even scheduling reduces perceived unfairness in rec leagues. - Uneven-group support increases completion rates for odd team counts. ### 📊 Methodology - Run A/B tests comparing “confirm score” vs real-time updates. - Time creators building the same app with and without Lovable. - Survey fairness perception before and after schedule changes. - Track completion and error rates across odd-sized tournaments. ### ❓ Questions - How does Lovable persist data for multi-user sessions? - What’s the recommended auth and roles approach? - Can we export and import tournaments between versions? - How does branching and rollback work for generated code? ### 🔮 Future Research - Add penalty shootout and tiebreakers configuration. - Support double-elimination and Swiss formats. - Explore offline-first PWA behavior for venues with poor Wi-Fi. ### 💡 Implications - Clubs and schools can run events with minimal setup. - OSS communities can fork templates and improve logic. - WordPress sites can host brackets and live updates. - Funding models should align with privacy safeguards. ### 🧠 Learning Styles Assessment - Reading level estimate: Flesch-Kincaid Grade ≈ 8–9 (informal sample). #### 👀 Visual learners - Present: tables, standings, bracket visuals. - Improve: bracket diagram and flow arrows with captions. #### 🔊 Aural learners - Present: narrated walkthrough in video form. - Improve: a 3-minute audio summary and clear voiceover cues. #### 🗣️ Verbal learners - Present: step lists and UI labels. - Improve: glossary for rounds and tiebreakers. #### 🧩 Kinesthetic learners - Present: live data entry and immediate feedback. - Improve: sandbox with preset fixtures for practice. #### 🧠 Logical learners - Present: deterministic bracket logic. - Improve: decision trees for edge cases and draws. #### 🧑‍🤝‍🧑 Social learners - Present: group play and collaborative entry. - Improve: moderated comments and pairing prompts. #### 🧘‍♀️ Solitary learners - Present: solo setup path. - Improve: self-checklists and journaling prompts. #### 🌿 Naturalistic learners - Present: N/A. - Improve: sustainability tips for self-hosting and power use. ### 📊 Accessibility Assessment #### Screen reader semantics - Present: standard headings and tables. - Improve: captioned status changes for live updates. #### Keyboard navigation - Present: basic focus order. - Improve: clear focus states and skip links. #### Contrast and readability - Present: high-contrast “sports” palette. - Improve: verify 4.5:1 on all states and text sizes. #### Text resizing and reflow - Present: responsive layout. - Improve: test 200% zoom and reduced motion settings. #### Media and captions - Present: narrated demo. - Improve: full transcript and downloadable captions. #### Forms and interactions - Present: simple inputs per match. - Improve: inline validation and forgiving edits. #### Standards reference - Map gaps to WCAG 2.2 AA criteria. ### 🌍 DEIB Assessment #### Cultural breadth - Present: global “World Cup” framing. - Improve: non-football examples and regional variants. #### Inclusive language - Present: neutral labels. - Improve: plain-language tooltips for jargon. #### Neurodiversity support - Present: consistent structure and grouping. - Improve: icon+text labels and predictable patterns. #### Representation - Present: team-agnostic UI. - Improve: alt text and inclusive imagery examples. #### Psychological safety - Present: non-confrontational tone. - Improve: visible community guidelines and escalation paths. ### ✅ Logical Validity #### Strong reasoning - Inductive claim: iterative prompts improve app correctness. Evidence: bug fix via function change. - Practical inference: real-time updates reduce clicks; observed immediately in demo. #### Fallacies - Overgeneralization risk: “imagination is the only limit.” Safer: “imagination is a major factor; constraints remain.” - Survivorship bias risk: a successful demo may hide edge failures. #### Tone of voice - Energetic, pragmatic, and promotional. Short celebratory remarks accompany fixes. ### 🛡️ DARVO Analysis - No denial, attack, or role reversal patterns appear. - The content focuses on building, not on interpersonal conflict. ## 🎯 Conclusion - Lovable can ship a working bracket app fast. - Prompt quality and review discipline still matter. - Plan for data, auth, exports, and accessibility before production. ## 🧱 Refactor Appendix (append after 🎯 Conclusion) ### 📚 Literature Split Pad - Purpose: Stage Konik CEE units that become per-source Literature notes. - Split level: **H3**. - Include verbatim quotes under 25 words and a [view highlight] link. ### [H1] Prompted app scaffolding builds tournament UI > [!quote] [Is The Only Limitation Of Lovable Your Imagination? ✅](https://www.youtube.com/watch?v=Lxh5vkbmH-U) by an unnamed author via [[YouTube]]. Published [MISSING]. Accessed . > “I want to create an application… Every team should be able to fill in the name.” Two lines: defines inputs and scope; bootstraps UI and data. [view highlight](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=156#H1) #xref #articleseed ID:rw_[MISSING] ### [H2] Real-time scoring improves entry and feedback > [!quote] [Is The Only Limitation Of Lovable Your Imagination? ✅](https://www.youtube.com/watch?v=Lxh5vkbmH-U) > “Scores are now updated real time.” Two lines: reduces clicks; increases confidence in standings. [view highlight](https://www.youtube.com/watch?v=Lxh5vkbmH-U&t=1241#H2) #xref ID:rw_[MISSING] --- ### 🔖 Atomic Split Pad (Zettel Candidates) - Purpose: Promote reusable claims into Atomic notes. - Split level: **H4**. - Each item: one idea, present tense, specific, testable. #### [Z1] Prompt quality drives generated app correctness - Works when prompts include constraints and edge cases. - Links: [[AI-app-builders]] [[Spec-first]] #### [Z2] Real-time updates reduce data entry errors - Holds when immediate feedback updates standings and fixtures. - Links: [[UX-feedback-loops]] [[Form-validation]] --- ### ✏️ Fleeting Queue (Extract by Selection) - Purpose: Capture quick actions or sparks for Fleeting notes. - Extraction: **Select one line** → “Refactor: Extract selection to new note (content only).” - Keep each line short and self-contained. - [F1] Add export/import flows for tournaments — context/https://www.youtube.com/watch?v=Lxh5vkbmH-U #fleeting #inbox - [F2] WordPress shortcode for live standings — context/https://www.youtube.com/watch?v=Lxh5vkbmH-U #fleeting #inbox - [F3] Add draw resolution settings — context/https://www.youtube.com/watch?v=Lxh5vkbmH-U #fleeting #inbox --- <!-- deep-read:sections end --> ## 📺 Video  --- # 📄 Full Transcript *Auto-generated from YouTube captions · timestamps roughly every 30 seconds · [watch on YouTube](https://www.youtube.com/watch?v=Lxh5vkbmH-U)* **[00:00]** Party people in the house. My name is Freddy and in this tutorial I want to ask the question, what is a limitation of lovable? Could it be that the only limiting thing in lovable is my own imagination? Could loveable create anything I have in mind when it comes to digital apps or websites? So, let's find out. This is not a tutorial that I prepared. This is kind of me going live having an ID and seeing if love balls capable of realizing that idea for me. So let's **[00:31]** start with ideas. When I was younger, I did not have a lot of ideas. When I became older, I started to read the book Think and Grow Rich. I started listening to Jim Ran, Tony Robbins, Brian Tracy, Andrew Wamik, Joseph Prince. And the more I listened, the more I started to believe that I can have influence on my life. Of course, bad things happen to us. Maybe you're thinking, "Hey, isn't this a WordPress related YouTube channel? What are you talking about?" I just want to take you along with my journey. Uh, bad things happen to us, **[01:01]** but it doesn't mean we have to live a stupid bad life. If this is a good life, this is a bad life. Bad things happen to us, but I still believe we can decide for a big part where we are on that skill. And one of the things that can help you to be on the good side of the scale is to read books to be influenced by positive people like Brian Tracy, Jim Ran, Tony Robbins, Joseph Prince, Andrew Wamck and reading books like think and grow rich how to influence influence people and in that way when you do that **[01:31]** somehow ideas pop up in your mind. So here is my idea. You know the World Cup where you have uh pools, you have to play a game against every other team and then when you are at the top two, you go to the knockout and then when you win, you go to the next round. When you lose, you're out of the tournament. Well, I've been playing uh FIFA tournaments in my house with like 16 people, 15 people, 20 people, and it was always a really hard thing to keep track of the score, maintain all the tables, decide which people should go against which people in **[02:03]** the the knockout stage. So a friend of mine created something with Excel and with a lot of manual effort we were able to create a structure that showed us who was winning, who was losing and who was going to the next round. So what I want to do in this video, I want to take you with me. I want to bring this idea to Loveable and see if Loveable can make a website or application for us that can help us to decide how many people are part of the tournament, how many groups there should be and when every game is played in the group stage that all the **[02:33]** top two people are the winners of the group go to the knockout phase automatically. And when we fill in all the the the scores, then automatically everything else will be decided for us. So what I want to do is create a tool that can do that for us. So what I will do I will go to 30.com [Music] lovable. So I'm already logged in. If you want to learn how you can watch this tutorial **[03:04]** there I show you step by step how you can get started with Lavable. I have a few projects already. You can see them over here. You can also work with projects from the community. You can mix them. So you copy this amazing website and then can build on top of that and publish it for yourself. I want to start from scratch. So I will just write what I just told you. I want to create an application where I can play a FC 24 or 26 tournament like the World Cup 2026 **[03:37]** soccer. Every team starts with a group stage. the group stages, the amount of teams that are part of the tournament. The amount of teams and the amount of groups that are part of the tournament should be able to be adjusted by the user. And every team should be able to fill in the name of that team. And **[04:10]** automatically a roster should be created with which people play, which teams play against which teams. As you see, English is not my main language. Let's see if Love Ball still can understand what I mean. I have errors as you see. Every team should play one time against another team in the same group. After those games, **[04:45]** the the first few teams, the first two teams should go to the knockout stage. Every number one in a group should be playing against a number two from another group. When people win in the knock out stage, they automatically **[05:18]** [Music] go against another team that won in that same knockout. I can I can take a lot of time to to refine this but I will just go with this and then see what it comes up with with. I want to have an application where based on all this information I can **[05:48]** fill in the scores of all the teams and that the application handles the rest. Let's see what it comes up with if I say enter. I've not talked about colors and stuff. I can I can do that later. So, it's telling me what it's going to do. It's inspired by the FIFA World Cup brackets ESPN sports dashboard. Clean, bold, sports themed with championship vibes. Features: tournament setup, adjustable teams, groups, team naming, **[06:21]** autogenerated group stage matches, round robin, live standing calculations, automatic knock out brackets creation, winner versus runner up. Yes. Score input with automatic progression design system colors. Championship gold green deep navy. Let me build this. It's building it. So, I'm I'm wondering to be honest. I I'm not something someone who spent thousands of hours with LoveBo yet, but I want to show you if it's possible for **[06:52]** a beginner to create an application that they have in mind. When this would work, other people can go to my website, they can fill in all the details and then have a live tournament, FIFA tournament or um some other uh thing they are playing and then I could have advertisements on that website and that way make some money with it. So, I'm providing value through the system and then when people click on my advertisements, I make money. That's how the marketplace works. I offer value in exchange I can make money. That's also what I am doing with these tutorials. I **[07:22]** provide value, help other people to get what they want. When they get what they want, I can have anything I want. That's what I see in my life. I married my wife. That's what I wanted. Why? Because I made those tutorials. I'm just kidding. I already met my wife before I started YouTube. I wonder what it comes up with. Your FC26 World Cup tournament is ready. What's next? Refine and customize. Okay, so here it is. Tournament setup. How many teams? **[07:53]** Okay, how cool. So, let's see if it's working. Uh, let's go for 16 teams. Even though World Cup is something else, but I have 16 friends, a number of groups for team one. Let's keep it with the names. I can fill in the names, but uh by right now it's okay. So, I click on start tournament. Okay, look at this. So, if I would fill in all these details, let me continue. **[08:23]** Let me see. I need to confirm the score in order to to make it work. So, I click over here. And now you see the standings. This is amazing. This is amazing. So team one is after after group stage is number one. Number two, you see there's a highlight because that is the team that goes to the next round. I will fast forward again. So I see the the the games. Three plays, **[08:54]** two wins, one draw, zero lose. goals forward four nine against eight. So the points seven four. So based on the points they go to the next round. So the person from group A number one should go to the runner up from the the other pool. So in that way there's a benefit. If you become number one in your pool, you go to a number two which would normally say that the team is less than the number one. Not always the case, but that's just how I wanted it to **[09:24]** be. just like a real world world cup. So I see now group A, group B, group C, group D, all matches are completed. So the great thing is when I have this FIFA tournament or this FA26 tournament in my house, I automatically see, hey, team 13, it's your turn to go against team 14. And then after a few games, team 14, it's your turn to go to team 15. When the score is final, I fill it in over here. I confirm it. And then automatically I see the standings. So I can say from group A, team one and two, **[09:56]** from group B, team six and team eight, group C, nine and 11. Okay guys, we played all the games in the group stage. Let click on let's click on proceed to the knockout stage. Uh team one should go against team eight and then team one wins 32 confirm the score. The second one is 23. This cannot be a draw because then there's no uh winner. There should be a winner. So let's say let's say this and **[10:27]** then when the last one is filled in and I click on it then this was already the semi-final because we're working with 16 teams. This was the semi-final. So it was this was the quarterfinal. It says the final but this is the the semi-final. 2 one 2 three. I confirm it. This not this is not working completely. This was going so great that I was like hey this not working. So this is the **[10:59]** final. So this is not correct yet. So team one since team 14 one over here and team one one over here. Um let's say the team one one. So this is not right. So there are some errors. So uh what I need to do now I'm by the way blown away that this is all possible. This took hours and hours for someone to create in Excel and then they had to do a lot of manual things. So what I will say it looks awesome. **[11:31]** They say I'm I'm using a lot of water when I just say thank you. I'm not sure if that's the case. So I will keep it with that. It looks awesome instead of saying you're so amazing. Let's keep with that. What I want to say now is after the knockout the first games in the knock out phase it goes directly to the final. That is not correct. F after the **[12:04]** let me see how is it called the round of 16 there should be a round of eight. After that there should be the semifinal. After that, there should be a runner up final with the two teams that lost the semifinal **[12:36]** and then there should be the final. Okay, think. Let's see what it comes up with. So again, I confirm the score. So there should be a round of eight. No [Music] round of 16 quarterfinals. Third place. It is still going to the final after **[13:09]** is still going to the final after the round of 16. Please fix that. I see the issue. The get round name function has incorrect logic. Let me fix it. Fixed the knockout progress now works correctly. Round 16, quarterfinal, semi-final, third place, and final. So again, confirm the score. Okay. Nothing happens. **[13:42]** So what I will do I'll click over here. It's not live yet. So let me publish it by clicking here. Publish. Yeah, it takes some time to publish it. I think it's still awesome what we've created in 20 minutes. So So let's say uh 20 teams, four groups. So, I'm about to confirm the final **[14:12]** score. Now, when I scroll down, I proceed to the knockout stage. Round of 16. So, it's the quarterfinals. I need to have a winner. Confirm. Confirm. Confirm. Confirm. Now, I should go to the semifinals. Yes, it's working. So, two versus one, two. Now, there should be a runner up final and then the final. Confirm the score. So, let's see. **[14:44]** Uh, semi-finals. The losing team, team 14 should go. Oh, wait. This is not correct. I should have a winner over here. So, they took now the winner based on draw. There should be winner there. So, so it's working. Third place. Two. One. And then the final the one who won is now team 10 against team 17 completed. It works. So **[15:14]** tournament champion team 10. This is how it works. This is what I've created within 25 minutes. So the question I asked in the beginning is uh lovable limited in this case it's limited to my own uh imagination and my imag imagination was to create something like this. So, what I can do now, um, it's it's working. So, I like it. I can change colors if I want to. Uh, you know, give the Well, I I I love **[15:46]** World Cups. It's for me one of the most nice uh best moments of the year. Only when we play against Portugal or Argentina. Often times is not as fun. Let's give this more vibes for the World Cup. give the whole look and few more World Cup vibes with colors and stuff. I leave it totally up to to this to the to lovable. Okay, **[16:16]** it says it updated everything with more vibrant colors. Okay, I see it. So, one more thing really important. What I want to do, my camera's getting heated. So let's see how long it will continue. Um give me the option to decide how many teams go to per group go to the knockout stage and that should be number of teams number of groups next to number of **[16:51]** groups. So there are three parameters or three things I could change over here. The number of teams, the number of groups, and the number of people that go to the next round. And what I also want to see if what hap what happens when I have 19 people in a tournament instead of 20. I think what will happen is that uh the people in the latest group have a team less but still have the same amount of people than that can go to the knockout stage. And if that's the case, then I'm completely happy with how this looks. And if I want to change things, I **[17:22]** I did not even talk about that. Let me talk about that in a minute. So it's updated. And what I see now number of teams, number of groups, and teams advancing. There's one problem. If I say I'm with 15 teams and I click on start, it will say number of teams must be divisible by number of groups. So there cannot be one group with one team less. So what I will say I want the I want it to be possible to **[17:52]** have one group with less teams in it. In that group, the same amount of teams go to the knockout stage as in all the other groups because sometimes it can be that you're with seven friends or that you are with six friends. those seven people and then **[18:23]** if you need to have two groups of eight then you need to fill in those scores which are not there because the team is not there. So let's see if it can handle that. So updated distribution etc. So now if I click on publish and I update it okay and I refresh this page. So let's say there are 15 teams that is one less. So there's one group of uh three people. So, if I go to group D. Yeah. And by the way, now you see the the the **[18:54]** better colors. I love this. Oh, man. Within 1 hour, I have my first appointment in 5 minutes. I started at 9. It's now 9:55. And I'm not experienced with this. So, what I also can do, let me end with that. Oh, I can do a lot more. I can click on edit. And then I can change things over here. Change world cup, change this SVG to something else. I can upload my own logo. This is amazing. So, um I click on **[19:25]** publish update. If I go to group A, what I see team 1, 2, 3, 4, 5, 6, 7, 8. I want the groups to be randomly uh placed. So, not 1 2 3 4 in group A, but just random. So what I will say when users click on on start tournament hustle all the teams randomly. **[19:57]** So, not team one until four in group one, but randomly place everyone in a group. That's the first thing I want to adjust. Okay. Publish, update, refresh. Okay. So, if I click on start tournament in group A, there should not be team **[20:28]** one. As you see, it's now randomly placed. Super cool. And one other thing, right now, I need to confirm the score. So, if I say one versus one, you see the points. Let's see if they can update it at once. Right now we click on confirm score in order to see it in the results. Make sure that the scores are updated as **[21:02]** soon as the scores are placed. So as soon as I say 01, I want to see the update. That would make it easier to fill in all the scores. So, uh, let's see what it comes up with. Scores are now updated real time. So, publish, update, refresh, start tournament. Look at this. One. One. There you go. Two. One. Wow. **[21:35]** Oh my. This is so cool. Wow. So I just told it to this to a friend or to a few friends like hey this is what I'm making and then he said are you saying there will be a new FIFA tournament definitely. So let's start it again. Let's say I'm with uh 15 people. I want five groups. How about 14? So there are five groups and one group is with only two people. Uh let's make it bigger. Let's go for 23 **[22:07]** or 48 like a real u eight groups to like a real world cup for these days. So there are all the teams start tournament. Okay, it's it's not possible. So let's say 32. That's the maximum. uh 328 tournament all these groups over here when I fill in the scores. So I can say five tap, four, two, one, **[22:41]** one, one. Oh, one tap one. And at once it starts over here. Okay, let's do something new. This list is quite long. So I want this to float with us. Make make the group area with the results. the table make it float when I fill in or when **[23:12]** the user fills in the scores. So all the time the table is shown on the screen. If this works, I'm even more excited. The standing table now floats. Update. refresh. So let's say 32 teams 32 teams or 32 but only four groups. So **[23:44]** there will be a lot of scores. So let's see if I now scroll down. It sticks. Yes. Yes. Yes. Yes. I love this. I love this. So look at this. Okay. Team 10 should play against team 15. They go to the PlayStation. They play the game and it's three, four, tap. You see the score at once. So team 10 knows, okay, I need to step up my game or let's say um five, four, three, **[24:17]** 12. Okay. All a lot of crazy scores. By the way, um team 10, I see that team 10 is playing all the games at once. I'm like what's going on over here? So what I will go back right now when the group is quite big uh team 10 is playing all the first games. uh change the order in a way that **[24:53]** every player or every team, how do should I say this? Um has to wait as long as all the other themes in before they play their next game. So, not one team playing everything **[25:24]** after the last game, but evenly divided. Let's see if it understands what I mean. Okay. Publish. Update. Refresh. 16 teams. Let's make that 32. start. So now you see if I play uh fill this in. Oh, **[26:00]** you see all the teams have played one game now in the first four games and now the team is again. So that's more evenly divided. So it's not like one team has played four games and the other one zero. So, it's all working. I love this. This is so cool. And it looks so clean and nice. So, let's do this for real. I with with seven friends. Uh we will have two groups. The two top two people will go to the next round. **[26:30]** And I fill in the names. Okay. Start the tournament. I start to play against Reineer. Then Damas versus Fisel. 30. Okay. So of course 30 wins. Then um 22. Cool game. 30 loses from Damos. One one 33 three. So F and RER go to the next stage. Group **[27:02]** B. Smaller group because there's one person left. Only three games. Okay, proceed to the knockout stage. Rer versus David 32 30 61 for the third place. Date wins from Neils and Reineer wins from 30. Offside goal. There you have **[27:33]** it. Tournament champion Rineer. This is what I've created within one hour. This is crazy. So, what is next? I can get rid of this edit with Lavable. I use the pro version. I have Let me see if I click on update. If I take a look over here, here I can have more information. I can have an icon. So, what I want to do, I want to add a uh domain to this. So, right now it's this one. If I share this, people all over the world can use **[28:04]** this. By the way, it's optimized for all devices and we can fill this in and stuff. So, I want to create a custom.com domain name. This is so expensive. This is crazy. Your tournament.com. Uh, this is what I would do should do. I I would like to use an external domain, get it at Hostinger and then point it. If you want to learn how, then watch the tutorial. You can find it on YouTube. So, um, that's what I will do. I will **[28:34]** get a domain name at Hostinger. Awesome. Right now, this is our domain. I can send this to anyone in the world and it's live. If you want to have a custom domain name, then watch this tutorial on there. I will show you how to get a custom domain name externally or uh true lovable. So, this is what I've created in an hour. It's working. I love it. It looks great. It's available on any device. So, if you play a tournament, any tournament, you can use this tool. And I think it's amazing that we can create this even this animation. Super cool. **[29:06]** Thank you. Feel free to subscribe for more upcoming tutorials and have a great day.