My Experience in the Devhack24 Contest

My Experience in the Devhack24 Contest

Qodly 10/10/2024

<blockquote><p>&nbsp;</p><p><em>“Qodly’s low-code capabilities acted as a bridge between creativity and functionality”</em></p><p>&nbsp;</p></blockquote><h2>Exploring Low-Code Innovation</h2><p>As a UX designer, I'm constantly on the lookout for tools that can streamline the design and development processes.</p><p>Let's be honest: Juggling design elements and coding can feel like trying to walk a tightrope while carrying a stack of books! So, when I participated in the <a href="https://youtu.be/0rkPLh-be5Q" target="_blank">Devhack24</a> contest, it was the perfect opportunity to explore <a href="https://qodly.com/" target="_blank">Qodly</a>, a hybrid low-code development platform.&nbsp;</p><p>The challenge was simple yet ambitious: create a sports-related web app within a limited timeframe.</p><p>&nbsp;</p><h2>Design Thinking in Action: From Baby Foot to Tournament Management</h2><p>My approach was grounded in Design Thinking principles, starting with user-centered exploration. I focused on understanding potential users’ needs, which led me to reflect on a familiar experience—our work break-time games of baby foot (table football). During these casual matches, my colleagues and I often discussed how difficult it was to organize mini-tournaments. This sparked the idea for my app: a platform that could manage and visualize football tournaments.<br>From this inspiration, I expanded the concept into something broader—a tool for organizing and displaying tournaments for national and club football teams. This was how the Football Chart App was born.</p><img src="/sites/default/files/blog-30-pz-min-min.png" data-entity-uuid="31aeae8b-655b-46a6-9ed4-ae2c11a0fbb6" data-entity-type="file" alt="" width="1020" height="415"><p>&nbsp;</p><h2>Teamwork in Action: Fadwa’s Role in Bringing the App to Life</h2><p>I began by designing the app in Figma and creating a clear visual plan. After reviewing it with my teammate, Fadwa, we decided to move to Qodly. What stood out about Qodly was how easily it transformed my Figma designs into a functional app with minimal coding.</p><p>Fadwa focused on staying true to the design, ensuring the app's layout matched the original vision. She utilized most of Qodly’s components—matrices- to organize data and input elements for smooth user interaction. Fadwa implemented custom logic to generate teams, calculate match scores, and randomly divide groups. She also integrated a custom component to create more dynamic interactions. By applying CSS and conditional rendering, Fadwa refined the design, enhancing the interface and delivering a seamless user experience, even with limited time. Fadwa focused on staying true to the design, ensuring the app's layout matched the original vision.</p><h2><br>A Seamless Workflow: Design, Develop, Deliver</h2><p>Using Qodly enabled me to translate visual ideas into a working web application in a very short time. The platform’s flexibility allowed me to iterate quickly, refining the user interface and interactions without extensive coding knowledge. It reinforced how powerful low-code platforms can be, especially for designers who prioritize user experience but may not have extensive coding backgrounds.<br>Ultimately, this experience demonstrated the potential for low-code innovation to empower designers like me. By streamlining the development process, tools like Qodly allow for faster prototyping and a more seamless transition from design to functionality, which is a game-changer in UX/UI work.</p><p>&nbsp;</p><h2>Conclusion</h2><p>The Devhack24 contest pushed me to explore Qodly’s potential and highlighted the future of design and development collaboration. Low-code platforms like Qodly make it possible to focus on what truly matters: creating meaningful, user-centered applications that marry excellent design with functionality—without needing to dive too deeply into code. So, if anyone needs me, I’ll be at my desk, basking in the glow of my completed app, possibly with a trophy in one hand and a coffee in the other—because that’s how we celebrate around here!<br><em><span style="color:#595959;" lang="EN-US"><o:p></o:p></span></em></p>

By Saadia aboutarouc

Share this on :

 

“Qodly’s low-code capabilities acted as a bridge between creativity and functionality”

 

Exploring Low-Code Innovation

As a UX designer, I'm constantly on the lookout for tools that can streamline the design and development processes.

Let's be honest: Juggling design elements and coding can feel like trying to walk a tightrope while carrying a stack of books! So, when I participated in the Devhack24 contest, it was the perfect opportunity to explore Qodly, a hybrid low-code development platform. 

The challenge was simple yet ambitious: create a sports-related web app within a limited timeframe.

 

Design Thinking in Action: From Baby Foot to Tournament Management

My approach was grounded in Design Thinking principles, starting with user-centered exploration. I focused on understanding potential users’ needs, which led me to reflect on a familiar experience—our work break-time games of baby foot (table football). During these casual matches, my colleagues and I often discussed how difficult it was to organize mini-tournaments. This sparked the idea for my app: a platform that could manage and visualize football tournaments.
From this inspiration, I expanded the concept into something broader—a tool for organizing and displaying tournaments for national and club football teams. This was how the Football Chart App was born.

 

Teamwork in Action: Fadwa’s Role in Bringing the App to Life

I began by designing the app in Figma and creating a clear visual plan. After reviewing it with my teammate, Fadwa, we decided to move to Qodly. What stood out about Qodly was how easily it transformed my Figma designs into a functional app with minimal coding.

Fadwa focused on staying true to the design, ensuring the app's layout matched the original vision. She utilized most of Qodly’s components—matrices- to organize data and input elements for smooth user interaction. Fadwa implemented custom logic to generate teams, calculate match scores, and randomly divide groups. She also integrated a custom component to create more dynamic interactions. By applying CSS and conditional rendering, Fadwa refined the design, enhancing the interface and delivering a seamless user experience, even with limited time. Fadwa focused on staying true to the design, ensuring the app's layout matched the original vision.


A Seamless Workflow: Design, Develop, Deliver

Using Qodly enabled me to translate visual ideas into a working web application in a very short time. The platform’s flexibility allowed me to iterate quickly, refining the user interface and interactions without extensive coding knowledge. It reinforced how powerful low-code platforms can be, especially for designers who prioritize user experience but may not have extensive coding backgrounds.
Ultimately, this experience demonstrated the potential for low-code innovation to empower designers like me. By streamlining the development process, tools like Qodly allow for faster prototyping and a more seamless transition from design to functionality, which is a game-changer in UX/UI work.

 

Conclusion

The Devhack24 contest pushed me to explore Qodly’s potential and highlighted the future of design and development collaboration. Low-code platforms like Qodly make it possible to focus on what truly matters: creating meaningful, user-centered applications that marry excellent design with functionality—without needing to dive too deeply into code. So, if anyone needs me, I’ll be at my desk, basking in the glow of my completed app, possibly with a trophy in one hand and a coffee in the other—because that’s how we celebrate around here!

Subscribe to Qodly Blog 
 

Your source for awesome content and news related to Low Code/No Code trends and challenges, how-to’s, tips and tricks.

By submitting this form, I agree to Qodly's Privacy Policy

Hybrid Low-code Platform For Your Business Apps

Have freedom of customization while avoiding the constraints of No-Code limitations. Try Qodly for Free!

Discover Qodly