The latest articles on DEV Community by Fran (@spw). https://dev.to/spw https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2645865%2F5b7c6849-6286-4595-9e7b-c4ca5a81a3a6.jpg https://dev.to/spw en Fran Thu, 09 Jan 2025 13:40:25 +0000 https://dev.to/spw/build-a-to-do-app-in-python-with-dash-no-javascript-needed-3gfb https://dev.to/spw/build-a-to-do-app-in-python-with-dash-no-javascript-needed-3gfb <p>Creating interactive web applications in Python has never been easier. ⬇️<br> In this post, I'll show you how I built a fully functional To-Do app using Dash, a Python framework that lets you create web apps without needing to touch JavaScript or other frontend technologies.</p> <p>The full step-by-step tutorial is available on my blog:<br> 👉 <a href="https://dash-resources.com/build-a-to-do-app-in-python-with-dash-part-1-3/" rel="noopener noreferrer">Build a To-Do App in Python with Dash (Part 1/3)</a></p> <p>You can also find the source code on GitHub:<br> 📂 <a href="https://github.com/Spriteware/dash-plotly-todo-app" rel="noopener noreferrer">https://github.com/Spriteware/dash-plotly-todo-app</a></p> <h2> What You'll Learn </h2> <p>This <a href="https://dash-resources.com/build-a-to-do-app-in-python-with-dash-part-1-3/" rel="noopener noreferrer">tutorial</a> walks you through creating a simple To-Do app with features like:</p> <ul> <li>Adding tasks</li> <li>Managing multiple task lists</li> <li>Saving tasks to persist data across page reloads</li> </ul> <p>All of this is done entirely in Python. We will see how to use Dash plotly and pattern-matching callbacks to handle the interactivity (adding tasks, removing tasks, ...)</p> <h2> Why Dash? </h2> <p><a href="https://dash.plotly.com/" rel="noopener noreferrer">Dash plotly</a> is a Python framework built on top of Flask and React, allowing developers to create interactive and visually appealing web apps for data science, dashboards, or utilities like this To-Do app.</p> <p>If you've been thinking, "I want to build a web app, but I don’t want to learn JavaScript," then Dash is for you!</p> <h2> Why you should try to build a To-Do app </h2> <p>🛠️ <strong>Minimal setup</strong>: Only Python and Dash are required.<br> 🎨 <strong>Modern UI</strong>: Powered by an open-source component library, Mantine components.<br> 😄 <strong>No Frontend Skills required</strong>: the app is 95% Python and 5% CSS for styling.</p> <p>To-Do apps are a great example of CRUD operations (create, read, update, delete).</p> <p>If you're a Python developer curious about web development but don’t want to dive into HTML, CSS, or JavaScript, this project is a great starting point. </p> <p>Dash makes it easy to bring your Python skills into the world of web apps!</p> <p>Let me know what you think, and feel free to share your feedback or contributions. Happy coding! 🎉</p> webdev python plotly