https://medium.com/js-dojo/vue-django-best-of-both-frontends-701307871478

Django is a great framework for rapidly building REST APIs and Vue is a great framework for rapidly building beautiful UIs. And combining both of them is a great stack for developing your next web app.

So let’s build a simple web app that lets us search for book titles using Django, Vue, and Google Books.

First, create a Django project and install some dependencies.

$ django-admin startproject djbooksearch
$ pip install requests

You may think you require Django Rest Framework but you actually don’t! Django already ships with great tools for building a REST api. …


https://i.morioh.com/39b881aa45.png

We’ll pick right off where we left in the last part, where we were done with our Django backend and we’ll start with using React in this one.

There’s a few ways to start a React project — I personally like create-react-app with the Typescript template. That’s what we’ll do. We’ll create the frontend in the root directory and name the app ui. You can name it frontend or whatever you fancy.

$ npx create-react-app ui --template typescript

We need to install a few more dependencies. The first two are for redux. The next three are for redux enchancers and…


https://i.morioh.com/39b881aa45.png

I’ve been a Django user for as long as I can remember and I used to despise frontend Javascript frameworks since forever. I believe the reason for that might’ve been me picking Angular as my first framework and just giving up on seeing how hard it was. I wasn’t at all familiar with Typescript and I absolutely hated how everything was set up.

Fearing the same, I tried to shy away from React for a long time as well before giving into the pressure online and finished the TicTacToe guide from the official documentation — what a breath of fresh…


Anyone who tells you that you can be a proficient programmer without the knowledge of algorithms is cracking a humorous joke. They’re not going to crack the programming interview anytime soon but they are well on their way as a steller comedian.

I’ve been programming since I was nine years old but at that age, it simply translates into writing BASIC and running it on a decades old interpreter hosted on a crappy machine to code programs that would input two numbers to output their sum, difference, product, and the quotient when one divided the other. But it did start…


Designing Instagram

This post is the official finishing up of the Writing Instagram in Python series. It’s not extremely dependent on previous posts but knowledge of the system we built will be beneficial. Let’s begin.

I initially planned on developing a Like model myself but I realized that that might be a little too complicated. It would be a good challenge however and I encourage you to try to build one yourself but we don’t want to reinvent the wheel. Ironic, since we’re trying to reinvent an already popular website but I’m digressing so let’s tackle the issue at hand — voting.


Designing Instagram

This is a direct continuation of the last part in the Writing Instagram in Python series. This is a highly dependant article that assumes work on the previous articles so even though one could read the other articles as standalone ones, it’s recommended to go through all the previous posts in this series to get an idea of what we’re working with here.

We’ve accomplished most of what we set out to do in the beginning of this series. And as I said before, Instagram is nothing but an image based CRUD app that runs on the scale of the…


Designing Instagram

This is a direct follow up on the third part of the Writing Instagram in Python series so it might help to read the past three but if you haven’t, let’s not waste any time and dive into it nevertheless.

As usual, whenever we’re building a part of a Django project that can be split into another app, we start another app. In this case, we need to tackle the problem of followers and following which is really just a part of feed generation. So, we’ll be starting an app feed.

$ ./manage.py startapp feed

Before we dive in, once…


Designing Instagram

This is the third article in the Writing Instagram in Python series so it helps if you’ve read the previous two posts. If not, let’s get cracking anyway.

We now have to build an app that let’s us list, upload, update, and delete images. We won’t be worrying about the visibility of these posts by other viewers and thus won’t be focusing too much on the listing of the posts yet. That will come in part four.

Per usual, we will being by bootstrapping a new app using our handy manage.py script.

$ ./manage.py startapp post

In post/models.py start defining…


Designing Instagram

This post is a direct follow up on the Instagram in Python series of creating an Instagram clone. Read the previous post to get up to speed on this.

As specified in the question that led to this series being written, this clone shall use Django for the backend along with Django’s Rest Framework package. Mastery over either is not required although the basic understanding of fundamental concepts spanning over serializers, models, views, and HTTP from the prespective of both frameworks is a must.

With that, start a new project with django-admin

$ django-admin startproject instagram

I’m not really…


Designing Instagram

This post was prompted by a Quora question that I was requested to answer.

While a little uninspired, it was interesting and so instead of being dismissive, I thought to answer it the best I could. And so I did. It asks for an “Instagram backend clone” and that, in its entirety, is a little difficult. However, emphasis on the word “entirety” should be placed. Instagram, while on the face of it seems like a simple image sharing app, had over forty billion images back in 2015. That is five years ago and it has only skyrocketed in popularity and…

Manan

Computer Science and Mathematics enthusiast. I dabble in Philosophy.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store