Learn how to build a simple Twitter clone using Django and Vue.js (3 hours+)

I love to create tutorials where I can help more people get into programming. The newest video tutorial I have created is called "Learn how to build a simple Twitter clone using Django and Vue.js" and it is around 3 hours long. It thought about doing a series like I have done earlier, but wanted to make one long video instead this time.

During this video, you will learn how to build a simple twitter clone / a simple social network. Some of the cool functionality I can mention is following users, direct messages, notifications and feed. You will learn a lot of Django in this video, but I have also used Vue.js to talk to the backend, for validation etc.

Here is a list of "tasks" I will go through during this video:

\-Setup and create project
\-Create folders for structure and similar
\-Create app for core views, oinks, userprofiles, notifications
\-Create base html files
\-Create front page with some information
\-Create login and signup page
\-Create page for "my feed"
\-Make it possible to sign out
\-Make it possible to write an oink (Vue.js - Submit and append to list)
\-Make it possible to search for oinkers and oinks
\-Make it possible to follow an oinker (Vue.js - Send using Ajax)
\-Make it possible to see my followers / who I follow
\-Make it possible to see who other oinkers follows / are followed by
\-Make it possible to like an Oink
\-Add page for conversations / direct messages
\-Make it possible to see a conversation
\-Make it possible to send a direct message (Vue.js - Submit and append to list)
\-Deploy to a server

If you want to see the video you can find it here:

I would really love to get your opinion on the content and similar here. What would you do different? Any other functionality you're missing that I could add in a follow up video?

3 thoughts on “Learn how to build a simple Twitter clone using Django and Vue.js (3 hours+)”

  1. Thanks for this. You explained everything very well.

    Any chance you can do more of these?

    For example –

    * [Tinder Clone](https://www.youtube.com/watch?v=DQfeB_FKKkc&t=12716s)
    * [Netflix Clone](https://www.youtube.com/watch?v=XtMThy8QKqU&t=11355s)
    * [Instagram](https://www.youtube.com/watch?v=f7T48W0cwXM&t=7848s)
    * Uber Clone
    * AirBnb Clone
    * etc

    There’s a lot of videos like this on Youtube already but many use [MERN](https://i.morioh.com/67feeaf72f.png) or [MEAN](https://www.guru99.com/images/1/101218_1400_WhatisMeanS1.png) stack. I fucking hate JavaScript so if there was a Python or C# alternative, I would gladly subscribe and watch.

    I don’t care what anyone says, JavaScript is not a good back-end language. Keep that crap on the Front-end.

    If you can use Django + React, it would make for a much better tech stack.


Leave a Comment