How to build a classified web app with Django
Throughout this tutorial series we are going to build a classified website with Django framework starting from the very first step which is the setup and configuration of development environment to the final step .
The resulting project will be hosted on GitHub with an MIT license so feel free to fork or clone it if you need a ready project for tweaking but you’ll need to apply your own CSS styles because it only has minimal styling with Bootstrap framework .
If you want to learn how to build your own classified web application from scratch using Python and Django just make sure you follow these series from the start till the end .
Getting started with a Django project
This tutorial assumes you have already Python and Django installed on your machine . Also i’m developing under a Ubuntu system so the commands and instructions in this tutorial are designed for Ubuntu but you should be able to follow the same steps on MAC or using the command prompt on Windows .
So go ahead and create a new virtual environment for our project .
Open up the terminal and navigate to your desired location then type
Then activate the environment with
Next install the latest version of Django with
pip install django
After successfully installing the latest version of Django (1.10 when writing this tutorial ) let's scaffold our project
django-admin startproject classified
Migrate your database with :
python manage.py migrate
Next run your development server with :
python manage.py runserver
Then just visit http://127.0.0.1:8000/ to see your app up and running .
Next we need to create our first app with
python manage.py startapp classified
Then we need to wire up our created app .
Open your settings.py with your favorite text editor (I’m using Visual Studio Code .It is a very powerful code editor with nice features from Microsoft ) and add classified to the set of installed apps .
- Django 2 Ajax CRUD with Python 3.7 and jQuery
- PHP 7 Tutorial with MySQL: CRUD REST API & JWT
- Django 2 CRUD Tutorial: Generic Class-Based Views
- Angular 6|7 Tutorial — CRUD & Python REST API
- Python 3.7 Matplotlib — Data Visualization Tutorial
- Python 3.7 Data Classes — Tutorial by Example
- Ember 3 Tutorial: Building your First Application
- Django Authentication — Login, Logout and Password Change/Reset
- Ubuntu 18.04: Install Python 3.7 | 3.6, pip and venv
- Vertical Center in Bootstrap 4
- Angular 6|7 ngIf by Example
- Angular 6|7 ngFor Example
- JWT Auth with Vue, Vuex and Vue Router — Axios & Guards
- Node Express JWT Authentication — jsonwebtoken and bcryptjs
- Python Django JWT — djangorestframework-jwt Example
- Adonis Tutorial — CRUD REST API and JWT Authentication
- Adonis Tutorial — JWT Authentication
- Installing PostgreSQL on Ubuntu 18.04
- PostgreSQL & PostGIS Tutorial — Creating a Spatial Database
- Installing GDAL 2+ on Windows 7 & Windows 10
- Swift Vapor Tutorial — Creating a REST API
- es6 template strings or literals
- Django Form Example—Bootstrap 4 UI via django-crispy-forms
- Django TemplateView GET|POST Example — URLs, as_view and get_context_data
- CSS Grid Layout Tutorial—Styling a Django Template
- Vuex Tutorial
- Redux Tutorial
- Angular 7|6 with PHP and MySQL Example & Tutorial
- Ethereum Dapps with Truffle,Ganache, Metamask, OppenZippelin and React
- Angular 7|6 In-Memory Web API Tutorial | CRUD Example
- Using Vue.js in WordPress
- Learn Sails.js Tutorial 
- Using Vue.js in PHP Tutorial
- Angular 7|6 Material Data-Table Tutorial & Example