
Build a Facebook and Messenger clone with Django, featuring real-time messaging via websockets and channels, real-time friend notifications, posts, comments, and editable user profiles with avatars and cover photos.
This live demo walks through building a Django-based Facebook clone with pure HTML. It covers real-time posts, likes, comments, image previews, profile edits, friend requests, and notifications.
Explore building a live messenger clone with Django channels and web sockets, featuring real-time one-on-one and group chats, message delivery without page refresh, and user management.
Join Destiny, an experienced instructor, as she guides you through Python, Django, JavaScript, and web and mobile development, revealing behind-the-scenes concepts for practical Django project implementation.
Learn Django to build a Facebook and Messenger clone, mastering Python, Git and GitHub, Chrome devtools, and Visual Studio Code, with note-taking for deeper understanding.
Develop Django fundamentals and Python skills by building a Facebook and Messenger clone from scratch, including models, views, templates, urls, and channels for real-time messaging.
Set up a Django project from scratch, create apps such as user auth, core, and add on, configure settings and urls, install crispy forms, import export, pillow, and run server.
Customize the Django admin with Django Jasmine to create modern interface for managing models in Facebook clone. Install the package, adjust settings, migrate, and create a superuser to log in.
Configure and set up Django frontend templates, including creating templates folder, mapping static and media files in settings.py, and rendering a custom index template for the login and feed pages.
Extend Django's user model by building a custom profile, enabling email login, full name, OTP verification, and verified badges with a blue tick, all editable in admin.
Learn to build a Django profile model linked to the user via a one-to-one relation, with image fields, custom user id, and comprehensive profile fields, plus admin integration and migrations.
Learn to implement slug fields in django, auto-generating unique slugs from full name using slugify and a short uuid, with a fallback to the username and migration testing.
Create a Django signal that automatically generates a profile when a new user is created, using post_save, a create_user_profile function, and a connected save routine.
Learn to configure a Django admin with custom user and profile admins, display key fields like full name, username, email, and gender, and enable inline list editing for verified status.
build a django user registration feature by creating a user register form from UserCreationForm, wiring it in views.py, mapping urls, and using messages for redirects.
Builds a secure signup flow in Django by validating the form, saving data, authenticating and logging in the user, and auto-filling the profile with full name, email, password, and phone.
Learn to implement the register or signup functionality in a Django app by wiring views, forms, and URLs, handling post requests with csrf tokens, and building a user signup template.
Build a Django login system by creating a login view that processes post data, authenticates the user, logs them in, and redirects to the feed with error handling.
Implement a logout feature in a Django-based Facebook clone by clearing the session and authentication data, logging out the user, and redirecting to the sign in page.
Build Django template inheritance by creating a base HTML in partials, extending it across pages, and wrapping content in a block to reuse the header and sidebar.
Create a Django post model linked to the user, including title, image, video, visibility, slug with uuid suffix, views, date created, and a many-to-many likes relationship.
Create a Django gallery model with a foreign key to post and on delete cascade, using an image field, and an admin inline to add multiple images per post.
Create the friend request and friend models with sender and receiver, add status with pending, accept, reject, plus comments and reply comments, and register them in the admin.
Build an in-app notification model in Django to track events such as friend requests, new followers, post likes, and comments, with fields for user, sender, post, comment, and notification type.
Learn to build group and page models for a Django social app, including group members, group posts, page followers, foreign keys, slug fields, and admin setup.
Display posts from database on front end with Django, passing a posts context to a template and looping to show image, title, caption, date, and user with active visibility filters.
Learn how to create posts from the front end in a Django app by building a create post view, handling post data and image uploads, and returning json responses.
Configure an html form and JavaScript to enable post creation in a Django Facebook clone, including image uploads, real-time post thumbnail previews, and csrf protection.
Create and append posts dynamically using JavaScript and AJAX in a Django social media clone, capturing caption, visibility, and thumbnail, then sending form data to the create post endpoint.
Close the post modal after creation and dynamically append the new post to feed using JavaScript and Ajax, displaying profile image, full name, date, title, and image at the top.
Implement a Django like post function that identifies a post by id or slug, toggles the current user's like using a many-to-many field, and returns a JSON response.
This lecture guides building HTML and JavaScript for the like post feature in a Django Facebook clone, including login checks, template logic for the liked state, and dynamic button updates.
Learn to implement real-time like functionality in Django with JavaScript and AJAX, capturing post IDs and returning JSON responses to update the template.
Learn to implement real-time post likes in a Django and JavaScript app, updating per-post like counts with unique IDs, conditional styling for liked posts, and displaying liker avatars.
Build a real-time comment feature for a Facebook clone using Django views, HTML, and jQuery, processing comments on the backend and displaying them live without a page refresh.
Configure the comment HTML section in the Django Facebook clone, add input fields and IDs, and post comments via AJAX; display counts with latest comments first.
Configure the comment html section for a Django social site, render user profile images, and manage dynamic, real-time comment counts with a two-comment preview and view all control.
In this course, you will learn how to build an advanced social media Facebook clone application (version 2023) and master working with Django and Javascript, among many other tools we will use throughout the course.
So as a start, we will build a strong authentication system so you can register, login, and reset your password. We will also have a validation system for registration, email verification, and many more authentication features.
We are also creating a mailing system where we will send verification links and reset password codes to the user, and directly after registering, the user gets a verification OTP to activate their account, so we are also learning how to create HTML emails.
We have a home page where all posts for the people you follow or are friends with will be displayed mixed with your posts and ordered from newest to oldest.
You can create a post using text and images, set post visibility, and do it beautifully, just like on Facebook.
You can like a post and change like to unlike, count likes, show users who like posts, and many more post reaction features with in-depth explanations.
1. You can comment using text. Comments will be ordered and always updated directly after submission; comments can be liked and disliked.
2. You can save or unsave posts, download post images, delete posts, etc.
3. We will have all sorts of validation for file uploads for size and type.
4. You can update your cover picture using old cover pictures or a new image.
5. You can update your profile or cover picture.
6. Every user has its own profile, where all details are displayed, including the cover, profile picture, details (othername, bio, job, workplace, relationship, etc.), photos, friends, and posts.
7. You can update all your details and see the changes live.
8. We will use AWS S3 to upload our images in a new, creative way; you will be impressed.
9. We have a full friendship system where you can add friends, cancel requests, accept requests, delete requests, unfriend, follow, and unfollow.
10. Also, we have a friends page where you can manage all your requests and friends.
11. We have live search functionality; as you type, new results appear; any user you click will be added to your search history; and it will also be displayed in order by the last clicked on.
12. We will use dynamic pagination and loaders.
13. We will have protected routes.
14. We will use Django Sqlite in development and Postgresql in the product to store and manage website data.
15. We will work with cookies and Sessions to temporarily store data.
16. We will use many Javascript events like listeners, on-click, on-ready, on-mouse-over, and many more