How to build a Django web app from scratch (tutorial)

1. django-markdownx

   1 1 919 8.0 Python

   Comprehensive Markdown plugin built for Django

   

   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.

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build dynamic JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. foodanic

   2 1 7 0.0 HTML

   A Django CRUD tutorial posted on Dev.to, Hackernoon, and Medium

   

   Github Repo: Link Live: Link

4. Puts Debuggerer

   3 3,579 205 4.2 Ruby

   Ruby library for improved puts debugging, automatically displaying bonus useful information such as source line number and source code.

   

   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.

5. Bootstrap

   4 589 172,904 9.6 MDX

   The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

   

   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.

Suggest a related project