In this project, we are going to build a real estate application for a fictional company called JH Real Estate (yes, JH means Joshua Hui!) using Django. A HTML/CSS Bootstrap 4 theme will be used. This is a real working application where the user can register an account, search for a real estate listing base on his/her preference(s) and make an inquiry of the listing; and the admin can manage resources including property listings, realtors and contact inquiries in the admin area.
- Real Estate App with Django
- Languages/ Technologies used
- Demo
- What is Django
- Joshua Hui (JH) Real Estate App Requirements
- Instructions
- Useful Links
- Backend
- Django
- PostgreSQL
- Gunicorn
- Nginx
- Frontend
- HTML/CSS Bootstrap 4
- JavaScript
- Deployment Server
- DigitalOcean
Feel free to:
- Browse through the web app
- Register and login with your account (or you can test with this account: joshtest with password: 20191003)
- Click into the listing(s) to see more detail(s)
- Make an inquiry in the listing(s)
- Go to the dashboard to see a list of inquiries that you made
- Do property searching
- And more!
- Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design. Built by experienced developers, it takes care of much of the hassle of Web development, so you can focus on writing your app without needing to reinvent the wheel. It’s free and open source.
- What does high-level mean here? It means you have a really specific way to structure your files and to write the code.
- Django has the idea of a project (which is your web site as a whole), and inside that project you have what are called apps. Let's say you have a blog in your website, then the blog would be an individual app that has its own model, view, URL and files, etc. So each piece of functionality on the website will be called an app.
- Home
- About
- Listings
- Single Listing
- Search
- Register
- Login
- Dashboard (Inquiries)
- Manage listings, realtors, contact inquiries and website users via admin
- Role based users (staff and non-staff)
- Display listings in app with pagination
- Ability to set listings to unpublished
- Search listings by keyword (in description), city, state, bedrooms and price (Homepage & search page)
- List realtors on about page with “seller of the month” (Control via admin)
- Listing page should have fields listed below
- Listing page should have 5 images with lightbox
- Lightbox should scroll through images
- Listing page should have a form to submit inquiry for that property listing
- Form info should go to database (and notify realtor(s) with an email, which is a future functionality)
- Frontend register/login to track inquiries
- Both unregistered and registered users can submit form. If registered, can only submit one per listing
- Title
- Address, city, state, zip
- Price
- Bedrooms
- Bathrooms
- Square Feet
- Lot Size
- Garage
- Listing Date
- Realtor – Name & Image
- Main image and 5 other images
For example you want to create an app called contacts:
- Start the contacts app using the command:
python manage.py startapp contacts - Add
contacts.apps.ContactsConfiginto theINSTALLED_APPSsection inside settings.py within the project folder
For example you want to create a model in the contacts app:
- Go to models.py inside the contacts folder
- Create a class that define the model, visit here for more
- Run
python manage.py makemigrations contactsto create a migration file see here - Run
python manage.py migrateto propagate changes you make to your model(s) into your database after the creation of the migration file
- How To Set Up Django with Postgres, Nginx, and Gunicorn on Ubuntu 18.04
- How To Set Up a Virtual Environment in Python
- How To Install and Use PostgreSQL on Ubuntu 18.04
- Step by Step Branch and Merge using VS Code
- Django - Models
- Django Structure
- Django Pagination
- Django Cross Site Request Forgery protection
- Django Messages Framework
- Django Email
pgadmin is very useful for validating the data and understanding the dataset, for more, please visit: https://www.pgadmin.org/
