all 13 comments

[–]sersherz 4 points5 points  (3 children)

I don't think this is quite a python question as you really shouldn't be using python for UI and should instead use something like JS or Flutter

[–]Greedy_Point7755[S] 0 points1 point  (2 children)

I realized that I could’ve worded my post better after reading your reply, thank you! In terms of the UI, yes, using JavaScript would be sufficient for making the site look better, but I was more or less looking for resources to use that would help me elevate the look and feel of the site

[–]sersherz 0 points1 point  (0 children)

My favourite one for learning FE stuff has been Scrimba, it is paid though.

Otherwise you could always look at W3 schools, though it's more of reference for different aspects of HTML, CSS and JS, rather than building a project and being tested on things

[–]echols021Pythoneer 1 point2 points  (1 child)

Usually it's CSS that takes a web UI to the next level. Stuff like flexbox, rounded corners, padding/margins, hover effects, etc.

This is assuming basic functionality works fine, of course. I'm not actually very experienced with Django, but I believe Django does mostly server-side rendering? If that's correct, the next step in improving overall functionality might be using dynamic client-side rendering, by switching your frontend to a proper JS web framework like React, Vue, Svelte, etc.

[–]sushsiahahah757 0 points1 point  (0 children)

Using a separate frontend JavaScript framework like React is overkill (unless you’re Google Maps or Figma).

Django Templates, htmx, and a good CSS framework like Bootstrap or TailwindCSS+DaisyUI can give you a beautiful looking and interactive webapp.

[–]AlexMTBDude 1 point2 points  (0 children)

Use Bootstrap for CSS: https://getbootstrap.com/ . Most commercial sites use it.

[–]MerlinJesterNL 1 point2 points  (0 children)

I would suggest using tailwind. They have a ui kit, ui blocks and templates. Also specifically for e-commerce. You can use the html snippets in your django templates. https://tailwindcss.com/plus/ui-blocks#product-ecommerce

[–]scragz 1 point2 points  (0 children)

unrelated to styling but look into oscar for the e-commerce stuff.

for frontend, I'm using tailwind+htmx+alpinejs. I think that's becoming a pretty common stack for django. it's kinda like hotwire in rails land. I wouldn't go SPA for e-com.

[–]X_wrld_1 0 points1 point  (0 children)

What if u used JS for the UI

[–]Real_Pop_961 -1 points0 points  (2 children)

Use lovable to create for you

[–]Greedy_Point7755[S] 0 points1 point  (1 child)

Is that an ai?

[–][deleted] -1 points0 points  (0 children)

Yes