Converted to a dockerized django project.

.gitignore

@@ -0,0 +1,6 @@
+VAR.py
+Dockerfile
+admin
+pyenv.cfg
+Lib
+Scripts

backend/.gitignore

@@ -0,0 +1 @@
+VAR.py

backend/backend/asgi.py

@@ -0,0 +1,16 @@
+"""
+ASGI config for backend project.
+
+It exposes the ASGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/3.1/howto/deployment/asgi/
+"""
+
+import os
+
+from django.core.asgi import get_asgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'backend.settings')
+
+application = get_asgi_application()

backend/backend/settings.py

@@ -0,0 +1,124 @@
+"""
+Django settings for backend project.
+
+Generated by 'django-admin startproject' using Django 3.1.3.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/3.1/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/3.1/ref/settings/
+"""
+
+from pathlib import Path
+from .VAR import my_secret_key
+
+# Build paths inside the project like this: BASE_DIR / 'subdir'.
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+
+# Quick-start development settings - unsuitable for production
+# See https://docs.djangoproject.com/en/3.1/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = my_secret_key
+
+# SECURITY WARNING: don't run with debug turned on in production!
+DEBUG = True
+
+ALLOWED_HOSTS = []
+
+# Application definition
+
+INSTALLED_APPS = [
+    'django.contrib.admin',
+    'django.contrib.auth',
+    'django.contrib.contenttypes',
+    'django.contrib.sessions',
+    'django.contrib.messages',
+    'django.contrib.staticfiles',
+
+    'myportfolio'
+]
+
+MIDDLEWARE = [
+    'django.middleware.security.SecurityMiddleware',
+    'django.contrib.sessions.middleware.SessionMiddleware',
+    'django.middleware.common.CommonMiddleware',
+    'django.middleware.csrf.CsrfViewMiddleware',
+    'django.contrib.auth.middleware.AuthenticationMiddleware',
+    'django.contrib.messages.middleware.MessageMiddleware',
+    'django.middleware.clickjacking.XFrameOptionsMiddleware',
+]
+
+ROOT_URLCONF = 'backend.urls'
+
+TEMPLATES = [
+    {
+        'BACKEND': 'django.template.backends.django.DjangoTemplates',
+        'DIRS': [BASE_DIR / 'templates'],
+        'APP_DIRS': True,
+        'OPTIONS': {
+            'context_processors': [
+                'django.template.context_processors.debug',
+                'django.template.context_processors.request',
+                'django.contrib.auth.context_processors.auth',
+                'django.contrib.messages.context_processors.messages',
+            ],
+        },
+    },
+]
+
+WSGI_APPLICATION = 'backend.wsgi.application'
+
+
+# Database
+# https://docs.djangoproject.com/en/3.1/ref/settings/#databases
+
+DATABASES = {
+    'default': {
+        'ENGINE': 'django.db.backends.sqlite3',
+        'NAME': BASE_DIR / 'db.sqlite3',
+    }
+}
+
+
+# Password validation
+# https://docs.djangoproject.com/en/3.1/ref/settings/#auth-password-validators
+
+AUTH_PASSWORD_VALIDATORS = [
+    {
+        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
+    },
+]
+
+
+# Internationalization
+# https://docs.djangoproject.com/en/3.1/topics/i18n/
+
+LANGUAGE_CODE = 'en-us'
+
+TIME_ZONE = 'UTC'
+
+USE_I18N = True
+
+USE_L10N = True
+
+USE_TZ = True
+
+
+# Static files (CSS, JavaScript, Images)
+# https://docs.djangoproject.com/en/3.1/howto/static-files/
+
+STATIC_URL = '/static/'
+
+STATIC_ROOT = BASE_DIR / 'myportfolio/static'

backend/backend/urls.py

@@ -0,0 +1,25 @@
+"""backend URL Configuration
+
+The `urlpatterns` list routes URLs to views. For more information please see:
+    https://docs.djangoproject.com/en/3.1/topics/http/urls/
+Examples:
+Function views
+    1. Add an import:  from my_app import views
+    2. Add a URL to urlpatterns:  path('', views.home, name='home')
+Class-based views
+    1. Add an import:  from other_app.views import Home
+    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
+Including another URLconf
+    1. Import the include() function: from django.urls import include, path
+    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
+"""
+from django.contrib import admin
+from django.urls import path
+
+from myportfolio.views import home
+
+urlpatterns = [
+    path('admin/', admin.site.urls),
+    path('', home)
+
+]

backend/backend/wsgi.py

@@ -0,0 +1,16 @@
+"""
+WSGI config for backend project.
+
+It exposes the WSGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/3.1/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'backend.settings')
+
+application = get_wsgi_application()

backend/docker-compose.yml

@@ -0,0 +1,8 @@
+version: "3.8"
+
+services:
+  web:
+    build: .
+    command: python manage.py runserver 0.0.0.0:8000
+    ports:
+      - "8000:8000"

backend/main.css

@@ -0,0 +1,55 @@
+body {margin: 0;
+    background-color: #d3d3d3;
+    font-family: sans-serif;
+}
+
+#grid-header-nav{
+    display: grid;
+    align-content: center;
+    background-color: #004723;
+    color: white;
+    height: 85px;
+}
+
+#grid-header-logo{
+    font: 36px Righteous;
+    grid-column-start: 1;
+    grid-column-end: 2;
+    margin-left: 5%;
+}
+
+#grid-header-navlist{
+    display: grid;
+    grid-template-columns: auto 20% 20%;
+    font: 1em Calibri;
+    grid-column-start: 3;
+    margin: 0px 10px 0px 10%;
+}
+
+
+.grid-footer{
+    display: grid;
+    align-content: center;
+    text-align: center;
+    font: 18px Calibri;
+    color: white;
+    background-color: #004723;
+    min-height: 250%;
+}
+.grid-body-title{
+    display: grid;
+    text-align: center;
+    margin-bottom: 50px;
+}
+
+.contents-default{
+    display: grid;
+    grid-template-columns: 40% 60%;
+    margin-left: 5%;
+    margin-bottom: 20px;
+}
+.contents-label{
+    font-family: Ubuntu;
+    font-size: 2.8em;
+    margin: 0px 20px 0px 0px;
+}

backend/manage.py

@@ -0,0 +1,22 @@
+#!/usr/bin/env python
+"""Django's command-line utility for administrative tasks."""
+import os
+import sys
+
+
+def main():
+    """Run administrative tasks."""
+    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'backend.settings')
+    try:
+        from django.core.management import execute_from_command_line
+    except ImportError as exc:
+        raise ImportError(
+            "Couldn't import Django. Are you sure it's installed and "
+            "available on your PYTHONPATH environment variable? Did you "
+            "forget to activate a virtual environment?"
+        ) from exc
+    execute_from_command_line(sys.argv)
+
+
+if __name__ == '__main__':
+    main()

backend/myportfolio/admin.py

@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.

backend/myportfolio/apps.py

@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class MyportfolioConfig(AppConfig):
+    name = 'myportfolio'

backend/myportfolio/models.py

@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.

backend/myportfolio/static/main.css

@@ -0,0 +1,55 @@
+body {margin: 0;
+    background-color: #d3d3d3;
+    font-family: sans-serif;
+}
+
+#grid-header-nav{
+    display: grid;
+    align-content: center;
+    background-color: #004723;
+    color: white;
+    height: 85px;
+}
+
+#grid-header-logo{
+    font: 36px Righteous;
+    grid-column-start: 1;
+    grid-column-end: 2;
+    margin-left: 5%;
+}
+
+#grid-header-navlist{
+    display: grid;
+    grid-template-columns: auto 20% 20%;
+    font: 1em Calibri;
+    grid-column-start: 3;
+    margin: 0px 10px 0px 10%;
+}
+
+
+.grid-footer{
+    display: grid;
+    align-content: center;
+    text-align: center;
+    font: 18px Calibri;
+    color: white;
+    background-color: #004723;
+    min-height: 250%;
+}
+.grid-body-title{
+    display: grid;
+    text-align: center;
+    margin-bottom: 50px;
+}
+
+.contents-default{
+    display: grid;
+    grid-template-columns: 40% 60%;
+    margin-left: 5%;
+    margin-bottom: 20px;
+}
+.contents-label{
+    font-family: Ubuntu;
+    font-size: 2.8em;
+    margin: 0px 20px 0px 0px;
+}

backend/myportfolio/tests.py

@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.

backend/myportfolio/views.py

@@ -0,0 +1,12 @@
+from django.shortcuts import render
+from django.http import Http404
+# Create your views here.
+
+def home(request, *args, **kwargs):
+        return render(request, 'index.html')
+
+def page_not_found_view(request, *args, **kwargs):
+    return Http404("Not yet created :(")
+
+def internal_server_error_view(request, *args, **kwargs):
+    return Http404("Not yet created :(")

backend/requirements.txt

@@ -0,0 +1,4 @@
+asgiref==3.3.1
+pytz==2020.4
+sqlparse==0.4.1
+Django==3.1.3

backend/templates/404.html

@@ -0,0 +1,6 @@
+{% extends 'base.html' %}
+
+{% block content %}
+	<title>Not Found!</title>
+    <body> You have encountered Error 404. :(</body>
+{% endblock %}

backend/templates/500.html

@@ -0,0 +1,6 @@
+{% extends 'base.html' %}
+
+{% block content %}
+	<title>Internal Server Error</title>
+    <body> You have encountered Error 500. :(</body>
+{% endblock %}