-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
Puts Debuggerer
Ruby library for improved puts debugging, automatically displaying bonus useful information such as source line number and source code.
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
A few things to note here: we have 9 fields that will hold the information for the Recipe model. We will be using Django MarkdownX (Github Link) for two of the fields for a nicer look. The @property creates a property tag we can use in our templates to render out Markdown fields.
Github Repo: Link Live: Link
We are now ready for our live deployment to Heroku. At this point, please head over to Github, create and push your code to a new repository so we can host it on Heroku. Also, if you don't already have a Heroku account, head to Heroku Home to create one.
Now we have to render out a template for the form. To do that, we will need to create a base.html file in our base templates. I'll add the most up-to-date version of Bootstrap which is 5 - so if you're reading this tutorial later on, be sure to update the corresponding CDN for Bootstrap, found at getbootstrap.com.
Related posts
-
How to Become a Front-End Developer?
-
Just received an invite to complete a takehome test that requires at least 20 hours of work as the very first step of an interview.
-
Useful Websites for Beginner Web Developers
-
Milligram CSS: カスタム・ビルド (Node.js 18 on Alpine Linux 3.17 使用)
-
Milligram CSS: Custom build (with Node.js 18 on Alpine Linux 3.17)