QuickForm | Quick form template all operations on a single page | Form library

I have a User model. when I go to the signup page and add user details. it gives an error " AttributeError: 'NoneType' object has no attribute 'save' " when I reload the error page it gives another error " UNIQUE constraint failed: accounts_user.username "

Here is my models.py

The following snippet creates a date selector using the Moodle Forms API:

Sorry I have a really basic question while learning Django and could not find an easy answer.

My model is :

I was following a Udemy tutorial that used Routes to connect all pages. However, I need to add a form to my web app (that has validation etc). I found aldeed:autoform but it uses HTML template tags. From my understanding, my React components cannot render out template tags in JSX correct? Basically the text i need to add looks like this (took from autoform docs):

I'm trying to use quickForm form autoForm to generate a form from my collection

I am new in meteor. I am using simple schema for quickForm and got this error. Exception in template helper: TypeError: Cannot read property 'mergedSchema' of undefined

main.html

TLDR Question: How do you make one crispy form with a ¿segmented?(not sure if this is considered inline) layout with multiple models(some related, some not).

I am trying to understand several things in Django: forms, formsets, nested forms, and crispy, and I've been at it for a while, and feel I am close, just need someone to help connect the dots. I'm not sure how to accomplish it without crispy, so I started down this path thinking crispy was the solution. Please correct if I am wrong, thanks :)

I would like one form (as in HTML form, not necessarily Django Form), that has a primary model with lots of fields, but with secondary/tertiary models in the middle of the primary fields. I am rather close to the layout, but can't seem to get the secondary/tertiary models to render in the middle of the layout, let alone compile without crispy/django erroring.

Here is a color-coded visual of what I am trying to attain

I assume I am wrong with at least one of the following:

• I am not calling the correct formfactory
• I am not properly using formsets
• I am not referencing the form fields to the correct model fields correctly in the layout of the form helper
• The layout is not possible, or I am applying the wrong code structure to get the result.
• I don't think I can call two forms directly as directly below, as they would not be nested/integrated

code for above list item (cant put a code block directly below

Throughout my entire app, I've tried to use autoform multiple times, but I think there is a real conflict between autoform and MaterializeCSS templates. Anyhow, I have been getting the following errors:

Schema:

Using autoform, it seems the data is being passed from autoform as the Meteor method on my server does get the data, but then doing the database update inside of my method doesn't update my database...what am I missing?

Autoform code...