Giter VIP home page Giter VIP logo

django_vue's Introduction

Django + Vue

This is my learning project to get my hands dirty with Django Web Framework and Vue.js

Ref: https://auth0.com/blog/building-modern-applications-with-django-and-vuejs/

I don't expect this to be a really super amazing project but do expect that by the end of this project, I'll have some good understanding about both the technologies

Dockerized development

Along the way we'll try to do the entire development inside Docker containers to learn another super amazing tech

More to come...

Note to self - Had a weird observation, even after exposing the port from the docker container, binding 0.0.0.0 addr, still was not able to connect to the app from the host machine

Had to add 0.0.0.0:8000 to the runserver command to be able to access it..

Result - Alright so after discussion in the DSUGHyd channel, it's clear when we run the server without addrport it runs inside the docker container localhost and hence does not allow connections from outside.

To run the Django server inside the docker container, we've to bind it ourselves to accept connections from all hosts and hence add the addport - 0.0.0.0:8000 to the runserver command

Update - June 28

Alright, so we've our Django project running successfully within the Docker container and connected to Postgres DB also running inside Docker

Now let's start adding the front-end Vue app, which again as our Django app, we'll try to build entirely inside Docker container

Update - June 29

Both our Django and Vue apps are running successfully in their own containers. Now let's go ahead and start adding the integration with Auth0

https://auth0.com/blog/building-modern-applications-with-django-and-vuejs/#Creating-an-Auth0-API

Update - Jul 12

Learned another thing about Docker volumes, you need to mount your code directory as a volume on the docker container to be able to share data b/w host and container.

Using named volumes does not work for local development

django_vue's People

Contributors

goeljatin avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.