Platform to Engage the elderly to realize their full capacity in today’s society.
What's making old people sick, apart from their old age, is the way society alienates them. The elderly have a lot to offer- in terms of culture, knowledge, and expertise. How can we integrate our elderly much better in society?
Provide opportunities for both the elderly and the younger generations to attempt to close the generational gap between them. This will Engage the elderly to realize their full capacity in today’s society.
| Location | Content |
|---|---|
/backend |
Django Project & Backend Config |
/backend/api |
Django App (/api) |
/src |
Vue App . |
/src/main.js |
JS Application Entry Point |
/public/index.html |
Html Application Entry Point (/) |
/public/static |
Static Assets |
/dist/ |
Bundled Assets Output (generated at yarn build |
Before getting started you should have the following installed and running:
- Yarn - instructions
- Vue CLI 3 - instructions
- Python 3 - instructions
- Pipenv - instructions
$ git clone https://github.com/gtalarico/django-vue-template
$ cd django-vue-template
Setup
$ yarn install
$ pipenv install --dev && pipenv shell
$ python manage.py migrate
$ python manage.py runserver
From another tab in the same directory:
$ yarn serve
The Vue application will be served from localhost:8080 and the Django API
and static files will be served from localhost:8000.
The dual dev server setup allows you to take advantage of
webpack's development server with hot module replacement.
Proxy config in vue.config.js is used to route the requests
back to django's API on port 8000.
If you would rather run a single dev server, you can run Django's
development server only on :8000, but you have to build build the Vue app first
and the page will not reload on changes.
$ yarn build
$ python manage.py runserver