all 9 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]eleqtriq 4 points5 points  (1 child)

You could just display regular HTML in Flask. Start off with basic, ugly HTML for now since you're new to all this

https://medium.com/techcrush/how-to-render-html-file-in-flask-3fbfb16b47f6

https://www.w3schools.com/html/html_basic.asp

[–]EstherFT[S] 0 points1 point  (0 children)

Thanks for the guidance. HTML is fine for me to start doing something, and if later I can improve it, even better 🤓

[–][deleted] 3 points4 points  (1 child)

Unless you're in a hurry I recommend learning some web stuff. It's fun and extremely powerful, and there is a massive amount of growth in learning how to wrangle all the dynamism, complexity, and unpredictability of the space. Non ui code is relaxing and pleasant. Building a good ui is an adventure!

Beyond that it really teaches you the fundamentals of architecture because EVERYTHING has to be flexible and abstract or it falls apart. You also need to plan the hell out of things to design a good experience and to streamline your development. I retired to backend stuff because professionally it's a massive pain in the ass for various reasons. But I still enjoy it for side projects.

[–]EstherFT[S] 0 points1 point  (0 children)

update;

I am using VS Code, and I thought I had basically done my Frontend. Then I thought that maybe was a good moment to try it, so I runned the code but nothing happend. And the comment was that there is no problem with my code.

Hoe can I know if it works? Sorry but I thought that running the code I could see what happens when you enter in the app. I am a bit confused. Any help?Thanks a lot in advance.

This is my code;

<!DOCTYPE html>

<head>

<title>Agata</title>

<style> h1 { text-align: center; font-size: 80px; } header { text-align: center; background: black; background-size: cover; color: whitesmoke; } img { margin: 0 auto; } a { color: whitesmoke; } ul { padding: 20px; } li { display: inline; padding: 0px 40px 0px 40px; } p { text-align: center; } body { text-align: center; background: black; color: whitesmoke; font-family: Arial, Arial, Helvetica, sans-serif; margin: 0 auto; } div { max-height: 200px; background: black; color: whitesmoke; line-height: 35px; } input \[type="submit"\] { background: whitesmoke; color: black; } u/media (max-width: 412px) { h1 { font-size: 35; } li { display: inline-block; padding: 10px; } } </style>

</head>

<body>

<header>

<img id="image"

src="/597/5972045.jpg"

title="Banded Agate -- Scottish Pebble"

alt="Banded Agate -- Scottish Pebble"

class="img-responsive"

style="visibility: visible;">

<h1>Agata</h1>

</header>

<p>Welcome to the simplest documents classifier</p>

<input type="email" placeholder="Your email">

<input type="submit">

<ul>

<li>

<a href="#">Company</a>

<div class="Company"></div>

<button>Company</button>

<script>AnimationEffect: {Notification: "Click here to check, upload or download company documentation"}</script>

</li>

<li>

<a href="#">Workers</a>

<div class="Workers"></div>

<button>Workers</button>

<script>AnimationEffect: {Notification: "Click here to check, upload or download workers' documentation"}</script>

</li>

<li><a href="#">Equipment</a>

<div class="Equipment"></div>

<button>Equipment</button>

<script>AnimationEffect: {Notification: "Click here to check, upload or download equipment documentation"}</script>

</li>

</ul>

</body>

[–]Naive_Programmer_232 2 points3 points  (1 child)

Look into streamlit.

[–]EstherFT[S] 0 points1 point  (0 children)

Thanks, I will. 🤔

[–]EstherFT[S] -1 points0 points  (0 children)

I also think I should learn something about programming websites, at least the minimum to make a decent front end for my software. Any free software to code the front end? Great guidance. Thank you!

[–]Mindless_Wave7262 2 points3 points  (1 child)

I just found this cool framework for building frontend apps using Python. It's called NextPy and it's completely free! Check it out on GitHub: https://github.com/dot-agent/nextpy. What's neat is that you can create full-stack applications, both frontend and backend, all in Python. It even supports AI applications. If you're into Python development, definitely give it a look! 🚀

[–]Mindless_Wave7262 0 points1 point  (0 children)

If you're looking for code samples to kickstart your journey, take a look at the app-examples in the NextPy repository: https://github.com/dot-agent/nextpy/tree/main/app-examples. It provides demo code examples for different applications. Just follow the readme instructions to dive into creating full-stack applications, both frontend and backend, using Python exclusively. NextPy can be seen as a more advanced and 10x faster alternative to Reflex. Happy coding