<p><span lang="EN-US">Let's explore together a captivating journey that, in addition to its creativity, forward-thinking, and a pronounced taste for new challenges, was crowned with the first prize of the Hackathon DevHack24. </span><a href="https://www.linkedin.com/in/cyril-limpalaer/" target="_blank"><span lang="EN-US"><strong>Cyril Limpalaer</strong></span></a><span lang="EN-US"> shared with us his passion for technology and presented his application dedicated to sports.<o:p></o:p></span></p><h4><span lang="EN-US"><strong>How would you introduce yourself?<o:p></o:p></strong></span></h4><p><span lang="EN-US">I have a master's degree in computer science, which I applied to business management.&nbsp;<o:p></o:p></span></p><p><span lang="EN-US">Since my childhood, I have been passionate about computer science. Video games allowed me to discover this interest, and I developed a real passion for web development from my first classes.&nbsp;<o:p></o:p></span></p><p><span lang="EN-US">I wish to ride the wave of new technologies, such as Qodly, to be at the forefront and offer users practical applications.&nbsp;</span></p><h4><span lang="EN-US"><o:p></o:p></span></h4><h4><span lang="EN-US"><strong>What was your motivation for participating in the hackathon?<o:p></o:p></strong></span></h4><p><span lang="EN-US">I wanted to prove my development skills and not just remain a simple graduate. I wanted, to stand out, and deepen this facet of myself.&nbsp;<o:p></o:p></span></p><h4><span lang="EN-US"><strong>What's the name of your application?<o:p></o:p></strong></span></h4><p><a href="https://youtu.be/s3j-wP0QLc0" target="_blank"><span lang="EN-US">Billards Blizz</span></a><span lang="EN-US"><strong><o:p></o:p></strong></span></p><h4><span lang="EN-US"><strong>How would you describe your application?<o:p></o:p></strong></span></h4><p><span lang="EN-US">It allows users to create billiard tournaments with the desired number of participants, manage them, and track their progress.&nbsp;<o:p></o:p></span></p><p><span lang="EN-US">The application provides a dashboard to visualize the different participants, follow trends, and view the tournaments' overall ranking.<o:p></o:p></span></p><p><span lang="EN-US">&nbsp;It highlights the winners by displaying the top 3 and congratulating them.&nbsp;<o:p></o:p></span></p><p><span lang="EN-US">It also includes schedule management to organize matches and the possibility of associating photos with the tournaments, thus enhancing team spirit and collective joy.&nbsp;</span></p><p><span lang="EN-US"><o:p></o:p></span></p><h4><span lang="EN-US"><strong>What's the idea behind the application?<o:p></o:p></strong></span></h4><p><span lang="EN-US">Organizing billiard tournaments is fun, and what struck me was the difficulty creators face in establishing a simple game from several different sites. My goal is to simplify this task. The application should be simple, efficient, and accessible to everyone.&nbsp;</span></p><p><span lang="EN-US"><o:p></o:p></span></p><h4><span lang="EN-US"><strong>What did you learn from the platform?<o:p></o:p></strong></span></h4><p><span lang="EN-US">I have improved my web formatting skills, deepened my knowledge of conditional CSS, and gained better mastery of low-code platforms.&nbsp;</span></p><h4><span lang="EN-US"><strong><o:p></o:p></strong></span></h4><h4><span lang="EN-US"><strong>What did you like most about the platform?<o:p></o:p></strong></span></h4><p><span lang="EN-US">The speed of creating interfaces. Generally, I used to spend 3 to 4 hours on a primary interface, whereas with Qodly, I can make it in an hour.&nbsp;<o:p></o:p></span></p><p><span lang="EN-US">This allows me to dedicate more time to development.&nbsp;</span></p><p><span lang="EN-US"><o:p></o:p></span></p><h4><span lang="EN-US"><strong>What advice would you give to those who are not familiar with low-code:</strong>&nbsp;</span></h4><p><span lang="EN-US">In addition to developers, low-code represents an excellent entry point into development. It's a way to get involved, and it will likely become the successor to development as we know it today.</span></p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</p><img style="display:block;margin-left:auto;margin-right:auto;" src="/sites/default/files/Cyril%26Meriem.png" data-entity-uuid="f29a55b8-6b96-4feb-a7cc-3d1441fe247a" data-entity-type="file" alt="" width="300" height="206"><p><span lang="EN-US"><o:p></o:p></span></p><p>&nbsp;</p><p style="align:center;">As we wrapped up our conversation, Cyril’s enthusiasm and drive to push the development boundaries were palpable. His innovative application, <strong>Billards Blizz</strong>, showcases his technical prowess and his vision to create meaningful, user-friendly solutions.&nbsp;</p><p>The hackathon was an incredible opportunity to see these ideas come to life, and his win at DevHack24 is a testament to his dedication and talent. The event concluded with a memorable closing ceremony, celebrating creativity and collaboration.&nbsp;</p><p>By watching the video below, you can relive the ceremony's highlights, including the moment Cyril’s project was crowned the winner!<span lang="EN-US"></span></p><p class="text-align-center"><iframe width="855" height="481" src="https://www.youtube.com/embed/0rkPLh-be5Q" title="DevHack24: Closing Ceremony" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></p>

<h2>Who was the hackathon aimed at, and what was the theme?</h2><p>The very first Qodly Hackathon on the sports theme concluded on August 28th. This event, the first of its kind organized by Qodly, aimed to unite developers worldwide on a current, unifying, and boundary-crossing subject: sports.&nbsp;</p><p>The low-code platform was open and accessible to all who wished to unleash their creativity, and the developers responded eagerly.&nbsp;</p><h3>How did the competition unfold?</h3><p>DevHack24 started on May 27th, and participants had until August 21st to submit their creations. In addition to the joy of creating, developers showed curiosity and a thirst for learning and developed innovative concepts that gave us a glimpse of future needs.&nbsp;</p><p>The DevHack24 community engaged with the future and took us through applications that competed in novelty, progress, and avant-gardism. Starting from real needs, some created value in record time to materialize their vision into a deployable and shareable application.&nbsp;</p><p>&nbsp;</p><h3>And what about the jury?</h3><p>The jury also included members from New Zealand, the United States, Germany, and France. Their specializations were varied and complementary.&nbsp;</p><p>Sophia Willows, representing New Zealand, specializes in software engineering and is deeply involved in the field. She readily shares her expertise.&nbsp;</p><p>Hassan Ould, an engineer by training who is passionate about low-code/no-code and an expert in growth marketing, was based in France. His sharp expertise in low-code and precision in application functionalities were highly appreciated. His high-level sports background also motivated him to join the DevHack24 jury.&nbsp;</p><p>Ricardo Mello, based in Canada, connected early in the morning to participate in the closing webinar and provided valuable feedback to the finalists.&nbsp;</p><p>Stephan Klein, from Germany, joined the jury upon discovering the Hackathon, complementing everyone's contributions.&nbsp;</p><p>The diversity of the jury members enriched the deliberations and allowed the winners to receive high-quality feedback.&nbsp;</p><p>&nbsp;</p><h3>Who are the winners?</h3><p>The three winners shone with their innovation, creativity, and imagination, transporting us into a world as incredible as it is futuristic. These winners, whose stories will be detailed in upcoming blogs, come from Canada, Morocco, and France.&nbsp;</p><p>Congratulations to Cyril Limpalaer, Neyl Nasr, and Saadia Aboutarouc for their work's excellence and perseverance.&nbsp;</p><p>&nbsp;</p><p class="text-align-center"><iframe width="855" height="481" src="https://www.youtube.com/embed/0rkPLh-be5Q" title="DevHack24: Closing Ceremony" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></p><h4>Conclusion</h4><p>A big thank you to all the participants who amazed us and confirmed that innovation knows no bounds and that, thanks to platforms like Qodly, imagination can become reality without being a coding expert.</p>

<p>Finding the right tools to build your website can make all the difference.&nbsp;</p><p>Qodly is a hybrid low-code development platform designed to simplify the creation of business web applications.&nbsp;</p><p>But is it suitable for building websites?&nbsp;</p><p>In this post, we’ll dive into the features and benefits of using Qodly for website development to help you make an informed decision.</p><h3><br><strong>What is Qodly?</strong></h3><p><a href="https://qodly.com/">Qodly</a> is a hybrid low-code platform designed to simplify the creation of web applications. With a focus on efficiency, scalability, and user-friendliness, Qodly empowers both seasoned developers and those new to coding to build high-quality applications quickly and effectively.</p><h3><br><strong>Why Qodly is an Excellent Choice for Website Development</strong></h3><ol><li><p><strong>User-Friendly Drag-and-Drop Interface</strong></p><p>Qodly’s intuitive drag-and-drop interface makes it easy to design and build your website. You can effortlessly arrange elements, create layouts, and add features without needing extensive coding knowledge. This user-friendly approach makes web development accessible to everyone.</p></li><li><p><strong>Versatile Pre-Built Templates</strong></p><p>With a range of pre-built templates, Qodly provides a solid foundation for various types of websites, from personal blogs to corporate portals and e-commerce stores. These customizable templates allow you to adjust designs to fit your specific needs and preferences.</p></li><li><p><strong>Responsive Design for All Devices</strong></p><p>Qodly ensures that websites built on its platform are fully responsive. This means your website will look great and function perfectly on any device, whether it’s a smartphone, tablet, or desktop. Responsive design is essential for reaching a diverse audience in today’s mobile-centric world.</p></li><li><p><strong>Powerful Integration Options</strong></p><p>Qodly offers robust integration capabilities with various third-party services and APIs. This flexibility allows you to enhance your website’s functionality and meet various business needs.</p></li><li><p><strong>Advanced Customization Features</strong></p><p>Beyond pre-designed elements, Qodly provides advanced customization options. You can tailor styles, layouts, and features to create a unique and engaging website that aligns with your brand’s vision and goals.</p></li><li><p><strong>Custom Components for Enhanced Functionality</strong></p><p>One of Qodly’s standout features is its support for custom components. You can create and integrate reusable components to add specialized functionality to your website. Whether you need a unique form, a specialized content block, or a custom interactive element, Qodly’s component system allows you to build exactly what you need and reuse it across different parts of your site.</p></li></ol><h3><br><strong>The Advantages of Choosing Qodly for Your Website</strong></h3><ol><li><p><strong>Accelerated Development Process</strong></p><p>The low-code environment and drag-and-drop functionality allow you to build and launch your website more quickly than traditional development methods.</p></li><li><p><strong>Cost-Effective Solution</strong></p><p>Qodly provides a cost-effective way to develop professional-quality websites. By minimizing the need for extensive coding and manual adjustments, Qodly helps you save time and reduce development costs.</p></li><li><p><strong>Scalability for Growing Projects</strong></p><p>Qodly is designed to grow with your needs. Whether you’re creating a simple landing page or a complex e-commerce site, Qodly’s scalable platform supports your website’s expansion and increasing functionality.</p></li><li><p><strong>Empowering Users with Limited Coding Experience</strong></p><p>Qodly is perfect for individuals who may not have a deep coding background but still want to create a professional and functional website. Its low-code approach makes web development accessible to a broader audience.</p></li></ol><p>&nbsp;</p><h3><strong>Conclusion</strong></h3><p>In conclusion, Qodly is a fantastic platform for building websites. It offers a user-friendly, cost-effective, and scalable solution for web development. Its comprehensive features make it suitable for various website projects, from simple pages to complex applications.</p><p>If you’re considering Qodly for your next website project, you can expect an efficient and rewarding development experience. Explore Qodly’s <a href="https://qodly.com/platform">features</a> and see how it can help you achieve your online goals.</p><p>Are you thinking about using Qodly for your website? We’d love to hear about it in the <a href="https://community.qodly.com/">forums</a>!</p>

<p><br>Qodly introduces the concept of <a href="https://github.com/qodly/custom-components">Custom Components</a>, empowering developers to extend the platform's capabilities and tailor webforms to their specific needs.&nbsp;</p><p>Custom Components are user-created building blocks developed to address unique requirements or introduce specific features not covered by the default set of Qodly built-in components.&nbsp;</p><p>These components are crafted using React, providing a flexible and robust foundation for developers.</p><h2>Benefits of Using Qodly Custom Components</h2><p>The integration of Custom Components into Qodly offers a range of advantages:</p><ol><li><strong>Extensibility</strong>: Tailor webforms precisely to meet specific project requirements, providing a flexible and customizable solution.</li><li><strong>Reusability</strong>: Share Custom Components across diverse projects or within the Qodly community. This fosters collective enhancement and collaboration among developers.</li><li><strong>Efficiency</strong>: Enhance development efficiency by utilizing pre-built Custom Components. This approach speeds up the development process, reducing the time and costs associated with building components from scratch.</li><li><strong>Customization</strong>: Tailor your application components to fit your exact needs.</li><li><strong>Consistency</strong>: Ensure a consistent look and feel across your application by using standardized custom components.</li></ol><h2>Qodly Custom Components Repository</h2><p>This <a href="https://github.com/qodly/custom-components">repository</a> is a collection of custom components created by the community. It serves as a central location for developers to share and discover new components for their projects. Contributions are welcome and encouraged!&nbsp;</p><h2>How to Install Qodly Custom Components</h2><ol><li><strong>Choose the Component</strong>: Browse the Qodly Custom Components <a href="https://github.com/qodly/custom-components">repository on GitHub</a> and select the component you want to use.</li><li><p><strong>Download the Latest Version</strong>: Click on the component, navigate to the Releases section, and ensure you download the latest version. Click on the zip to download it.<br>&nbsp;</p><p><img src="/sites/default/files/install_component.gif" data-entity-uuid="8e8b7ce5-240e-44e9-9a10-f0f82bdf09c9" data-entity-type="file" alt="" width="1679" height="871"></p></li><li><p><strong>From the Qodly Side</strong>:</p><ol><li>In the Components section, click on the button <strong>Upload component</strong>.</li><li>Browse to the component you just downloaded or drag and drop it.</li><li>Click <strong>Install Component</strong>, then <strong>Reload</strong>.</li><li>The component should appear in the list of <strong>Custom</strong> under the Components section.</li></ol><p><img src="/sites/default/files/customCompQodlySide.gif" data-entity-uuid="207797cb-0668-4b7c-9f43-b33f24e5d105" data-entity-type="file" alt="" width="640" height="480"></p></li><li><strong>You are Good to Go</strong>: The component is now ready for your project.<br>&nbsp;</li></ol><h2>Example: Using a Qodly Custom Component</h2><p>To demonstrate the power of Qodly custom components, consider a scenario where you need to integrate a&nbsp;<a href="https://github.com/AyaBengherifa/Qodly-pdfViewer"> PDF viewer</a> into your application. Instead of creating this component from scratch, you can download an existing PDF viewer custom component from the Qodly Custom Components repository on GitHub and use it in your project.</p><p>&nbsp;</p><p width="855" height="481" src="https://www.youtube.com/embed/XfJmevGmpsg" title="Qodly Custom Component: Grid Layout" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="">&nbsp;<iframe width="853" height="480" src="https://www.youtube.com/embed/e7CCBfcv2iw?list=PLcUzCPYm5QO9w8hIoc6CC-85NXK5tVjDM" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></p><p>&nbsp;</p><p>What about a super-flexible dashboard? We have <a href="https://github.com/metayoub/qodly-grid-layout">Qodly Grid Layout</a>, a custom component that lets your users drag, resize, and rearrange elements on their screen, creating a custom dashboard that perfectly fits their needs.</p><p><iframe width="855" height="481" src="https://www.youtube.com/embed/XfJmevGmpsg" title="Qodly Custom Component: Grid Layout" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></p><h2>Conclusion</h2><p>Qodly custom components offer a powerful way to enhance your web applications with tailored, reusable elements. By leveraging these components, you can create more efficient, consistent, and engaging applications that stand out. Whether you're a seasoned developer or just getting started, exploring Qodly custom components is a step towards more flexible and dynamic software development.</p><p>Stay tuned for more tutorials and examples of how to make the most of Qodly's capabilities!</p>

<p>In web development, having a unified tool that bridges the gap between designers, clients, and developers is crucial. It not only saves valuable time but also prevents integration issues and reduces lead times, ultimately cutting down costs significantly. Qodly stands out as such a tool, offering a seamless experience where designers can create stunning interfaces, clients can visualize their ideas come to life, and developers can efficiently implement these designs into fully functional web applications.</p><p>&nbsp;</p><h2>Exploring Qodly Studio's Drag-and-Drop Interface</h2><p>Qodly features an intuitive drag-and-drop interface through Qodly Studio. This design environment allows you to create functional front-end pages without needing extensive coding knowledge. You can quickly assemble an application interface with a few clicks.</p><p>&nbsp;</p><h2>Components and Templates</h2><p>Qodly Studio includes various components and templates, helping you efficiently bring your ideas to life efficiently. These elements are flexible and customizable, so you can adjust them to meet your specific needs. Additionally, Qodly continuously adds new components and templates, ensuring you have access to the latest tools.</p><p>&nbsp;</p><h2>Qodly in action</h2><p>Watch our video demonstration to see Qodly in action and discover how it simplifies web development for designers, clients, and developers alike.</p><p class="text-align-center"><iframe width="853" height="480" src="https://www.youtube.com/embed/7UTF-DvplbY" title="Build Your Trello Clone in Minutes!" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></p>

<p>Creating web applications shouldn't feel like a battle against code. &nbsp;If you're looking for a way to create powerful, dynamic web applications without getting bogged down in technical complexities, Qodly is your answer!</p><p>In this introductory video, we take a look at Qodly Studio, our low-code IDE designed to make web app development more accessible.&nbsp;</p><p>Through the lens of creating an Inventory Management app, we explore the features and functionalities of Qodly Studio.</p><p>&nbsp;</p><p class="text-align-center"><iframe width="853" height="480" src="https://www.youtube.com/embed/Tx7Lhb7h5PI" title="Build Your Trello Clone in Minutes!" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></p>