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

This page summarizes the projects mentioned and recommended in the original post on dev.to

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.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • django-markdownx

    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.

  • foodanic

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

  • Github Repo: Link Live: Link

  • 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.

    SurveyJS logo
  • Puts Debuggerer

    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.

  • Bootstrap

    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.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • How to Become a Front-End Developer?

    2 projects | dev.to | 26 Mar 2024
  • 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.

    3 projects | /r/webdev | 27 Jun 2023
  • Useful Websites for Beginner Web Developers

    8 projects | dev.to | 19 Sep 2023
  • Milligram CSS: カスタム・ビルド (Node.js 18 on Alpine Linux 3.17 使用)

    4 projects | dev.to | 11 Feb 2023
  • Milligram CSS: Custom build (with Node.js 18 on Alpine Linux 3.17)

    10 projects | dev.to | 29 Jan 2023