{"id":14989838,"url":"https://github.com/techiediaries/django-auth0-vue","last_synced_at":"2025-04-12T00:31:38.957Z","repository":{"id":85758785,"uuid":"116199398","full_name":"techiediaries/django-auth0-vue","owner":"techiediaries","description":"A Django REST Framework + Vue.js CRUD Demo Secured Using Auth0","archived":false,"fork":false,"pushed_at":"2025-03-10T20:22:24.000Z","size":65,"stargazers_count":112,"open_issues_count":2,"forks_count":27,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-03-25T20:46:05.746Z","etag":null,"topics":["auth0","auth0-jwt","axios","crud","database","demo","django","django-auth0-vue","django-rest-framework","jwt","vue"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/techiediaries.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-01-04T01:26:27.000Z","updated_at":"2025-03-10T20:22:28.000Z","dependencies_parsed_at":"2023-05-04T17:47:25.564Z","dependency_job_id":null,"html_url":"https://github.com/techiediaries/django-auth0-vue","commit_stats":{"total_commits":7,"total_committers":2,"mean_commits":3.5,"dds":0.4285714285714286,"last_synced_commit":"f96861458658a5eeb3001a2ce20e7771370ec36f"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techiediaries%2Fdjango-auth0-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techiediaries%2Fdjango-auth0-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techiediaries%2Fdjango-auth0-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techiediaries%2Fdjango-auth0-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/techiediaries","download_url":"https://codeload.github.com/techiediaries/django-auth0-vue/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248501279,"owners_count":21114642,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["auth0","auth0-jwt","axios","crud","database","demo","django","django-auth0-vue","django-rest-framework","jwt","vue"],"created_at":"2024-09-24T14:19:00.175Z","updated_at":"2025-04-12T00:31:38.947Z","avatar_url":"https://github.com/techiediaries.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Django Auth0 Vue demo\n\nThis is an example CRUD (Create-Read-Update-Delete) application which demonstrates how to create a modern web application with a Django backend (Django REST Framework API), a Vue.js front-end and Bootstrap 4 for styling. The REST API is secured with JWT using Auth0. \n\n\u003e Note: Make sure to check [10xdev.space](https://10xdev.space) for career growth, money making tips and learning paths for developers.\n\nFor separate apps built for part 1 (master branch) and part 2 (part2 branch) of the tutorial series, make sure to check this [repo](https://github.com/techiediaries/djangovue/) instead\n\nTo learn how to build this demo app you can follow these [tutorial series](https://www.techiediaries.com/django-vuejs-auth0)\n\nBy following this simple example and the accompanying tutorial(s) you'll learn: \n\n* How to build a simple API using Django REST Framework\n* How to add pagination to your API\n* How to create, read ,update and delete database records \n* How to add JWT authentication to your API using Auth0\n* How to build a front-end application with Vue.js \n* How to consume a REST API from a Vue.js application (using Axios)\n* How to create authentication guards for your views\n* How to integrate Django, Webpack and Vue.js for development and production \n\n## Installing\n\nYou need to have `virtualenv` and Python 3 installed (Django 2 requires Python 3) then:\n\nFirst create a new virtual environment and activate it with:\n\n```bash\n virtualenv -p python3 env\n source env/bin/activate\n```\n\nNext, clone the project from Github:\n\n```bash\ngit clone https://github.com/techiediaries/django-auth0-vue\ncd django-auth0-vue\n```\n\nInstall the project requirements using pip:\n\n```bash\npip install -r requirements.txt\n```\n\nIf the installation of the `cryptography` package fails make sure to install the `python3-dev` package. In Ubuntu you can use the following command:\n\n```bash\nsudo apt-get install python3-dev\n``` \n\nNext install the Vue.js dependencies and run the front-end dev server with:\n\n```bash\ncd vueapp\nnpm install\nnpm run dev\n```\n\nFinally migrate the database then run the Django dev server with:\n\n```bash\npython manage.py migrate\npython manage.py runserver\n``` \n\nYou can now navigate with your web browser to http://localhost:8000 and start playing with the demo.\n\n\n\n### Home Page\n\n### Product List Page (List and Delete)\n\n![](https://screenshots.firefoxusercontent.com/images/626c02b0-accb-45a6-b40b-eec4ea313374.png)\n\n### Product Create/Update Page\n\n![](https://screenshots.firefoxusercontent.com/images/78a19152-0ee0-4dbc-866b-9098d4e3be44.png)\n\n![](https://screenshots.firefoxusercontent.com/images/4c509022-0cf2-428c-baf1-676398c061b2.png)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftechiediaries%2Fdjango-auth0-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftechiediaries%2Fdjango-auth0-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftechiediaries%2Fdjango-auth0-vue/lists"}