diff --git a/Login_signup_FE_UPDATED/Animation_lib/__init__.py b/Login_signup_FE_UPDATED/Animation_lib/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/Login_signup_FE_UPDATED/Animation_lib/__pycache__/__init__.cpython-310.pyc b/Login_signup_FE_UPDATED/Animation_lib/__pycache__/__init__.cpython-310.pyc
new file mode 100644
index 0000000..e89dabc
Binary files /dev/null and b/Login_signup_FE_UPDATED/Animation_lib/__pycache__/__init__.cpython-310.pyc differ
diff --git a/Login_signup_FE_UPDATED/Animation_lib/__pycache__/settings.cpython-310.pyc b/Login_signup_FE_UPDATED/Animation_lib/__pycache__/settings.cpython-310.pyc
new file mode 100644
index 0000000..8e3b6ca
Binary files /dev/null and b/Login_signup_FE_UPDATED/Animation_lib/__pycache__/settings.cpython-310.pyc differ
diff --git a/Login_signup_FE_UPDATED/Animation_lib/__pycache__/urls.cpython-310.pyc b/Login_signup_FE_UPDATED/Animation_lib/__pycache__/urls.cpython-310.pyc
new file mode 100644
index 0000000..8c12b79
Binary files /dev/null and b/Login_signup_FE_UPDATED/Animation_lib/__pycache__/urls.cpython-310.pyc differ
diff --git a/Login_signup_FE_UPDATED/Animation_lib/__pycache__/wsgi.cpython-310.pyc b/Login_signup_FE_UPDATED/Animation_lib/__pycache__/wsgi.cpython-310.pyc
new file mode 100644
index 0000000..250ebda
Binary files /dev/null and b/Login_signup_FE_UPDATED/Animation_lib/__pycache__/wsgi.cpython-310.pyc differ
diff --git a/Login_signup_FE_UPDATED/Animation_lib/asgi.py b/Login_signup_FE_UPDATED/Animation_lib/asgi.py
new file mode 100644
index 0000000..d227548
--- /dev/null
+++ b/Login_signup_FE_UPDATED/Animation_lib/asgi.py
@@ -0,0 +1,16 @@
+"""
+ASGI config for Animation_lib 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.2/howto/deployment/asgi/
+"""
+
+import os
+
+from django.core.asgi import get_asgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'Animation_lib.settings')
+
+application = get_asgi_application()
diff --git a/Login_signup_FE_UPDATED/Animation_lib/settings.py b/Login_signup_FE_UPDATED/Animation_lib/settings.py
new file mode 100644
index 0000000..866f45c
--- /dev/null
+++ b/Login_signup_FE_UPDATED/Animation_lib/settings.py
@@ -0,0 +1,140 @@
+"""
+Django settings for Animation_lib project.
+
+Generated by 'django-admin startproject' using Django 3.2.7.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/3.2/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/3.2/ref/settings/
+"""
+
+from pathlib import Path
+
+# 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.2/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = 'django-insecure-491mkb7st1ml5885$&ua1=jq#)d-9_x$8!4t(emk99_et42k3k'
+
+# 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',
+
+    'base.apps.BaseConfig'
+]
+
+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 = 'Animation_lib.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 = 'Animation_lib.wsgi.application'
+
+
+# Database
+# https://docs.djangoproject.com/en/3.2/ref/settings/#databases
+
+DATABASES = {
+    'default': {
+        'ENGINE': 'django.db.backends.mysql',
+        'NAME': 'animaxdatabase',
+        'USER': 'root',
+        'HOST': '127.0.0.1',
+        'PORT': 3306,
+        'PASSWORD':'Mustybalogs-1'
+    }
+}
+
+# Password validation
+# https://docs.djangoproject.com/en/4.0/ref/settings/#auth-password-validators
+
+
+# Password validation
+# https://docs.djangoproject.com/en/3.2/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.2/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.2/howto/static-files/
+
+STATIC_URL = '/static/'
+
+STATICFILES_DIRS = [
+    BASE_DIR / 'static'
+]
+
+# Default primary key field type
+# https://docs.djangoproject.com/en/3.2/ref/settings/#default-auto-field
+
+DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
diff --git a/Login_signup_FE_UPDATED/Animation_lib/urls.py b/Login_signup_FE_UPDATED/Animation_lib/urls.py
new file mode 100644
index 0000000..ffe4018
--- /dev/null
+++ b/Login_signup_FE_UPDATED/Animation_lib/urls.py
@@ -0,0 +1,22 @@
+"""Animation_lib URL Configuration
+
+The `urlpatterns` list routes URLs to views. For more information please see:
+    https://docs.djangoproject.com/en/3.2/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, include
+
+urlpatterns = [
+    path('admin/', admin.site.urls),
+    path('', include('base.urls'))
+]
diff --git a/Login_signup_FE_UPDATED/Animation_lib/wsgi.py b/Login_signup_FE_UPDATED/Animation_lib/wsgi.py
new file mode 100644
index 0000000..eceee15
--- /dev/null
+++ b/Login_signup_FE_UPDATED/Animation_lib/wsgi.py
@@ -0,0 +1,16 @@
+"""
+WSGI config for Animation_lib 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.2/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'Animation_lib.settings')
+
+application = get_wsgi_application()
diff --git a/Login_signup_FE_UPDATED/base/__init__.py b/Login_signup_FE_UPDATED/base/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/Login_signup_FE_UPDATED/base/__pycache__/__init__.cpython-310.pyc b/Login_signup_FE_UPDATED/base/__pycache__/__init__.cpython-310.pyc
new file mode 100644
index 0000000..67024b9
Binary files /dev/null and b/Login_signup_FE_UPDATED/base/__pycache__/__init__.cpython-310.pyc differ
diff --git a/Login_signup_FE_UPDATED/base/__pycache__/admin.cpython-310.pyc b/Login_signup_FE_UPDATED/base/__pycache__/admin.cpython-310.pyc
new file mode 100644
index 0000000..07191c1
Binary files /dev/null and b/Login_signup_FE_UPDATED/base/__pycache__/admin.cpython-310.pyc differ
diff --git a/Login_signup_FE_UPDATED/base/__pycache__/apps.cpython-310.pyc b/Login_signup_FE_UPDATED/base/__pycache__/apps.cpython-310.pyc
new file mode 100644
index 0000000..7ef53f4
Binary files /dev/null and b/Login_signup_FE_UPDATED/base/__pycache__/apps.cpython-310.pyc differ
diff --git a/Login_signup_FE_UPDATED/base/__pycache__/forms.cpython-310.pyc b/Login_signup_FE_UPDATED/base/__pycache__/forms.cpython-310.pyc
new file mode 100644
index 0000000..75a084f
Binary files /dev/null and b/Login_signup_FE_UPDATED/base/__pycache__/forms.cpython-310.pyc differ
diff --git a/Login_signup_FE_UPDATED/base/__pycache__/models.cpython-310.pyc b/Login_signup_FE_UPDATED/base/__pycache__/models.cpython-310.pyc
new file mode 100644
index 0000000..bf321d7
Binary files /dev/null and b/Login_signup_FE_UPDATED/base/__pycache__/models.cpython-310.pyc differ
diff --git a/Login_signup_FE_UPDATED/base/__pycache__/urls.cpython-310.pyc b/Login_signup_FE_UPDATED/base/__pycache__/urls.cpython-310.pyc
new file mode 100644
index 0000000..ee4e34e
Binary files /dev/null and b/Login_signup_FE_UPDATED/base/__pycache__/urls.cpython-310.pyc differ
diff --git a/Login_signup_FE_UPDATED/base/__pycache__/views.cpython-310.pyc b/Login_signup_FE_UPDATED/base/__pycache__/views.cpython-310.pyc
new file mode 100644
index 0000000..6ae8600
Binary files /dev/null and b/Login_signup_FE_UPDATED/base/__pycache__/views.cpython-310.pyc differ
diff --git a/Login_signup_FE_UPDATED/base/admin.py b/Login_signup_FE_UPDATED/base/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/Login_signup_FE_UPDATED/base/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/Login_signup_FE_UPDATED/base/apps.py b/Login_signup_FE_UPDATED/base/apps.py
new file mode 100644
index 0000000..05011e8
--- /dev/null
+++ b/Login_signup_FE_UPDATED/base/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class BaseConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'base'
diff --git a/Login_signup_FE_UPDATED/base/forms.py b/Login_signup_FE_UPDATED/base/forms.py
new file mode 100644
index 0000000..155bf22
--- /dev/null
+++ b/Login_signup_FE_UPDATED/base/forms.py
@@ -0,0 +1,49 @@
+from django.contrib.auth.forms import UserCreationForm
+from django.contrib.auth.models import User
+
+class Signup(UserCreationForm):
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+        self.fields['username'].widget.attrs.update({
+            'required': '',
+            'name':'username',
+            'type' : 'text',
+            
+            'placeholder' : 'JohnDoe',
+            'maxlength' : '16',
+            'minlength' : '4' ,
+            'id' : 'username'
+        })
+        self.fields['email'].widget.attrs.update({
+            'required': '',
+            'name':'email',
+            'type' : 'email',
+            
+            'placeholder' : 'JohnDoe@email.com',
+            'id' : 'email'
+        })
+        self.fields['password1'].widget.attrs.update({
+            'required': '',
+            'name':'password1',
+            'id' : 'password1',
+            'type' : 'password',
+            
+            'placeholder' : '********',
+            'maxlength' : '22',
+            'minlength' : '8' 
+        })
+        self.fields['password2'].widget.attrs.update({
+            'required': '',
+            'name':'password2',
+            'id' : 'password2',
+            'type' : 'password',
+            
+            'placeholder' : '********',
+            'maxlength' : '22',
+            'minlength' : '8' 
+        })
+
+    class Meta:
+        model = User
+        fields = ['username', 'email', 'password1', 'password2']
+
diff --git a/Login_signup_FE_UPDATED/base/migrations/__init__.py b/Login_signup_FE_UPDATED/base/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/Login_signup_FE_UPDATED/base/migrations/__pycache__/__init__.cpython-310.pyc b/Login_signup_FE_UPDATED/base/migrations/__pycache__/__init__.cpython-310.pyc
new file mode 100644
index 0000000..e3b7a5c
Binary files /dev/null and b/Login_signup_FE_UPDATED/base/migrations/__pycache__/__init__.cpython-310.pyc differ
diff --git a/Login_signup_FE_UPDATED/base/models.py b/Login_signup_FE_UPDATED/base/models.py
new file mode 100644
index 0000000..0f02227
--- /dev/null
+++ b/Login_signup_FE_UPDATED/base/models.py
@@ -0,0 +1 @@
+from django.db import models
\ No newline at end of file
diff --git a/Login_signup_FE_UPDATED/base/templates/Animation_lib/home.html b/Login_signup_FE_UPDATED/base/templates/Animation_lib/home.html
new file mode 100644
index 0000000..7875a47
--- /dev/null
+++ b/Login_signup_FE_UPDATED/base/templates/Animation_lib/home.html
@@ -0,0 +1,9 @@
+{% extends 'main.html' %}
+
+
+{% block content %}
+<h1>Home</h1>
+<a href="{% url 'signup' %}">Register</a>
+<a href="{% url 'signin' %}">Login</a>
+
+{% endblock %}
\ No newline at end of file
diff --git a/Login_signup_FE_UPDATED/base/templates/Animation_lib/signin.html b/Login_signup_FE_UPDATED/base/templates/Animation_lib/signin.html
new file mode 100644
index 0000000..3c07850
--- /dev/null
+++ b/Login_signup_FE_UPDATED/base/templates/Animation_lib/signin.html
@@ -0,0 +1,102 @@
+{% extends 'main.html' %}
+<link rel="stylesheet" href="signin.css" />
+<script
+  src="https://kit.fontawesome.com/882fb8e114.js"
+  crossorigin="anonymous"
+></script>
+{% block content %}
+<!-- Header Section -->
+<header>
+  <h1>Anima Lib</h1>
+</header>
+<!-- Signin Section -->
+
+<section>
+  <form action="" method="POST">
+    {% csrf_token %}
+    <fieldset>
+      <h2>Welcome Back</h2>
+
+      <div>
+        <p>
+          <label for="E-mail">Email</label>
+          <br />
+          <input
+            class="details"
+            type="email"
+            name="email"
+            placeholder="johndoe@gmail.com"
+            required
+          />
+        </p>
+
+        <p>
+          <label for="password">Password</label>
+          <br />
+          <input
+            class="details"
+            type="password"
+            name="password"
+            placeholder="********"
+            title="Password must be 8 or more characters, containing at least one number, one UPPERCASE and lowercase letter"
+            required
+          />
+        </p>
+      </div>
+      <div class="beforebutton">
+        <div class="remember">
+          <label for="remember"
+            ><input type="checkbox" id="remember" name="remember" /> Remember
+            me</label
+          >
+          <a class="forgpass" href="#">Forgot password?</a>
+        </div>
+      </div>
+
+      <div>
+        <button class="signin" type="submit" name="submit">Sign in</button>
+      </div>
+
+      <div>
+        {% if messages %}
+        <ul class="messages">
+          {% for message in messages %}
+          <li>{{ message }}</li>
+          {% endfor %}
+        </ul>
+        {% endif %}
+      </div>
+
+      <div class="signup">
+        Don't have an account? <a href="{% url 'signup' %}"><b>Sign up</b></a>
+      </div>
+
+      <div class="or">or continue with</div>
+
+      <div class="icons">
+        <button>
+          <a href="https://accounts.google.com/servicelogin">
+            <i class="fab fa-google fa-2x"></i>
+            Google
+          </a>
+        </button>
+        <button>
+          <a href="https://www.icloud.com/">
+            <i class="fa-brands fa-apple fa-2x"></i>
+            Apple ID
+          </a>
+        </button>
+        <button>
+          <a href="https://m.facebook.com/login/">
+            <i class="fa-brands fa-facebook fa-2x"></i>
+            Facebook
+          </a>
+        </button>
+      </div>
+      <p class="guest">Continue as <a href="#">Guest</a></p>
+    </fieldset>
+  </form>
+</section>
+{% endblock %}
+
+<!-- pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" -->
diff --git a/Login_signup_FE_UPDATED/base/templates/Animation_lib/signup.html b/Login_signup_FE_UPDATED/base/templates/Animation_lib/signup.html
new file mode 100644
index 0000000..4782d39
--- /dev/null
+++ b/Login_signup_FE_UPDATED/base/templates/Animation_lib/signup.html
@@ -0,0 +1,81 @@
+{% extends 'main.html' %}
+<link rel="stylesheet" href="signup.css" />
+<script
+  src="https://kit.fontawesome.com/882fb8e114.js"
+  crossorigin="anonymous"
+></script>
+{% block content %}
+<!-- Header Section -->
+<header>
+  <h1>Anima Lib</h1>
+</header>
+<!-- Signup Form -->
+<form method="POST" action>
+  {% csrf_token %}
+  <fieldset>
+    <h2>Get Started</h2>
+    <div>
+      <p>
+        <label class="label" for="fullname">Full Name</label>
+        <br />
+        {{form.username}}
+      </p>
+
+      <p>
+        <label class="label" for="E-mail">Email</label>
+        <br />
+        {{form.email}}
+      </p>
+
+      <p>
+        <label class="label" for="password">Password</label>
+        <br />
+        {{form.password1}}
+      </p>
+
+      <p>
+        <label class="label" for="cpassword">Confirm Password</label>
+        <br />
+        {{form.password2}}
+      </p>
+    </div>
+
+    <div>
+      <button class="signup" type="submit">Create new account</button>
+    </div>
+    {% if messages %}
+    <ul class="messages" type="none">
+      {% for message in messages %}
+      <li>{{ message }}</li>
+      {% endfor %}
+    </ul>
+    {% endif %}
+    <div class="signin">
+      Already have an account? <a href="{% url 'signin' %}"><b>Sign in</b></a>
+    </div>
+    <div class="or">or continue with</div>
+
+    <div class="icons">
+      <button>
+        <a href="https://accounts.google.com/servicelogin">
+          <i class="fab fa-google fa-2x"></i>
+          Google
+        </a>
+      </button>
+      <button>
+        <a href="https://www.icloud.com/">
+          <i class="fa-brands fa-apple fa-2x"></i>
+          Apple ID
+        </a>
+      </button>
+      <button>
+        <a href="https://m.facebook.com/login/">
+          <i class="fa-brands fa-facebook fa-2x"></i>
+          Facebook
+        </a>
+      </button>
+    </div>
+    <p class="guest">Continue as <a href="#">Guest</a></p>
+  </fieldset>
+</form>
+{% endblock %}
diff --git a/Login_signup_FE_UPDATED/base/tests.py b/Login_signup_FE_UPDATED/base/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/Login_signup_FE_UPDATED/base/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/Login_signup_FE_UPDATED/base/urls.py b/Login_signup_FE_UPDATED/base/urls.py
new file mode 100644
index 0000000..e5953f1
--- /dev/null
+++ b/Login_signup_FE_UPDATED/base/urls.py
@@ -0,0 +1,9 @@
+from django.urls import path
+from . import views
+
+
+urlpatterns = [
+    path('', views.home, name = 'home' ),
+    path('signup/', views.signupform, name = 'signup'),
+    path('signin/', views.signinform, name='signin')
+]
\ No newline at end of file
diff --git a/Login_signup_FE_UPDATED/base/views.py b/Login_signup_FE_UPDATED/base/views.py
new file mode 100644
index 0000000..6bc08c0
--- /dev/null
+++ b/Login_signup_FE_UPDATED/base/views.py
@@ -0,0 +1,63 @@
+
+from django.shortcuts import render, redirect
+from .forms import Signup
+from django.contrib import messages
+from django.contrib.auth import authenticate, login
+from django.contrib.auth.models import User
+
+# Create your views here.
+
+
+def home(request):
+    return render(request, 'Animation_lib/home.html')
+
+def signupform(request):
+    if request.method == 'POST':
+        form = Signup(request.POST)
+
+        if form.is_valid():
+            username = form.cleaned_data.get('username')
+            raw_password = form.cleaned_data.get('password1')
+            password = form.cleaned_data.get('password2')
+
+            if password != raw_password:
+                messages.error(request, 'password do not match')
+            
+            else:
+                form.save()
+                new_user = authenticate(username = username, password = raw_password)
+                if new_user is not None:
+                    
+                    login(request, new_user)
+                    return redirect('home')
+                else:
+                    messages.error(request, 'Service TimedOut')
+        else:
+            messages.error(request, 'Check Your Details Carefully')
+    else:
+        form = Signup()
+    context = {'form' : form}
+    return render(request, 'Animation_lib/signup.html', context)
+
+
+def signinform(request):
+    if request.method == 'POST':
+        email = request.POST.get('email')
+        password = request.POST.get('password')
+        username = User.objects.get(email = email.lower()).username
+
+        try:
+            user = User.objects.get(username = username)
+        except:
+            messages.error(request, 'user is not recognised')
+
+        user = authenticate(request, username = username, password = password)
+
+        if user is not None:
+            login(request, user)
+            return redirect('home')
+        else:
+            messages.error(request, 'Wrong Password')
+    
+    context = {} 
+    return render(request, 'Animation_lib/signin.html', context)
diff --git a/Login_signup_FE_UPDATED/db.sqlite3 b/Login_signup_FE_UPDATED/db.sqlite3
new file mode 100644
index 0000000..390fa06
Binary files /dev/null and b/Login_signup_FE_UPDATED/db.sqlite3 differ
diff --git a/Login_signup_FE_UPDATED/manage.py b/Login_signup_FE_UPDATED/manage.py
new file mode 100644
index 0000000..8de14ca
--- /dev/null
+++ b/Login_signup_FE_UPDATED/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', 'Animation_lib.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()
diff --git a/Login_signup_FE_UPDATED/requirements.txt b/Login_signup_FE_UPDATED/requirements.txt
new file mode 100644
index 0000000..a69f019
Binary files /dev/null and b/Login_signup_FE_UPDATED/requirements.txt differ
diff --git a/Login_signup_FE_UPDATED/static/style/signin.css b/Login_signup_FE_UPDATED/static/style/signin.css
new file mode 100644
index 0000000..d217bc4
--- /dev/null
+++ b/Login_signup_FE_UPDATED/static/style/signin.css
@@ -0,0 +1,279 @@
+* {
+  box-sizing: border-box;
+}
+/* For Mobile and Small Screens */
+@media only screen and (max-width: 375px) and (min-width: 270px) {
+  body {
+    font-family: Calibri;
+    font-size: 10px;
+    width: 100%;
+  }
+  h1 {
+    margin: 10px;
+    padding: 30px;
+    color: #ffffff;
+    background-color: #7d1b7e;
+  }
+  h2 {
+    text-align: center;
+    font-weight: bold;
+    font-size: 25px;
+  }
+  label {
+    margin-left: 15%;
+  }
+  .details {
+    border: none;
+    border-radius: 5px;
+    padding: 12px;
+    width: 70%;
+    margin-bottom: 2%;
+    margin-left: 15%;
+  }
+  fieldset {
+    border: none;
+    border-radius: 10px;
+    background-color: rgb(240, 233, 233);
+    margin-top: 30px;
+    margin-left: 25%;
+    width: 50%;
+    justify-content: center;
+    align-items: center;
+  }
+  button.signin {
+    background-color: #ff3355;
+    color: white;
+    border: white;
+    width: 70%;
+    margin-top: 30px;
+    margin-left: 15%;
+    padding: 10px;
+    border-radius: 5px;
+    cursor: pointer;
+  }
+  .remember {
+    margin-top: 0px;
+    margin-left: 0;
+  }
+  a.forgpass {
+    text-decoration: none;
+    color: #d542d7;
+    margin-left: 25%;
+  }
+  .signup {
+    text-align: center;
+    margin-bottom: 15px;
+  }
+  .signup a,
+  button a,
+  p a {
+    text-decoration: none;
+    color: #d542d7;
+  }
+  .or:before {
+    content: " ";
+    display: block;
+    height: 1px;
+    width: 115px;
+    position: absolute;
+    top: 50%;
+    left: -20px;
+    background: black;
+  }
+  .or {
+    position: relative;
+    max-width: 300px;
+    margin: 100px auto;
+    text-align: center;
+    margin-top: 4%;
+    margin-bottom: 4%;
+  }
+  .or:after {
+    content: " ";
+    display: block;
+    height: 1px;
+    width: 115px;
+    position: absolute;
+    top: 50%;
+    right: -20px;
+    background: black;
+  }
+  .icons {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+  .fa-google {
+    background: conic-gradient(
+        from -45deg,
+        #ea4335 110deg,
+        #4285f4 90deg 180deg,
+        #34a853 180deg 270deg,
+        #fbbc05 270deg
+      )
+      73% 55%/150% 150% no-repeat;
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+    -webkit-text-fill-color: transparent;
+  }
+  .fa-apple {
+    color: black;
+  }
+  .fa-facebook {
+    color: blue;
+  }
+  .icons button {
+    border: 1px solid #d542d7;
+    width: 70%;
+    margin-top: 1%;
+    margin-bottom: 1%;
+    padding: 7px;
+    border-radius: 5px;
+    cursor: pointer;
+  }
+  .guest {
+    margin-top: 3%;
+    margin-bottom: 10%;
+    text-align: center;
+  }
+}
+/* For Desktop & Large Screens */
+@media only screen and (max-width: 1440px) and (min-width: 376px) {
+  body {
+    font-family: Calibri;
+    font-size: 15px;
+    width: 100%;
+  }
+  h1 {
+    margin: 10px;
+    padding: 30px;
+    color: white;
+    background-color: #7d1b7e;
+  }
+  h2 {
+    text-align: center;
+    font-weight: bold;
+    font-size: 30px;
+  }
+  label {
+    margin-left: 15%;
+  }
+  .details {
+    border: none;
+    border-radius: 5px;
+    padding: 12px;
+    width: 70%;
+    margin-bottom: 2%;
+    margin-left: 15%;
+  }
+  fieldset {
+    border: none;
+    border-radius: 10px;
+    background-color: rgb(240, 233, 233);
+    margin-top: 30px;
+    margin-left: 25%;
+    width: 50%;
+    justify-content: center;
+    align-items: center;
+  }
+  button.signin {
+    background-color: #ff3355;
+    color: white;
+    border: white;
+    width: 70%;
+    margin-top: 40px;
+    margin-left: 15%;
+    padding: 10px;
+    border-radius: 5px;
+    cursor: pointer;
+  }
+  .remember {
+    margin-top: 0px;
+    margin-left: 0;
+  }
+  a.forgpass {
+    text-decoration: none;
+    color: #d542d7;
+    margin-left: 35%;
+  }
+  .signup {
+    text-align: center;
+    margin-bottom: 15px;
+  }
+  .signup a,
+  button a,
+  p a {
+    text-decoration: none;
+    color: #d542d7;
+  }
+  .or:before {
+    content: " ";
+    display: block;
+    height: 1px;
+    width: 170px;
+    position: absolute;
+    top: 50%;
+    left: -80px;
+    background: black;
+  }
+  .or {
+    position: relative;
+    max-width: 300px;
+    margin: 100px auto;
+    text-align: center;
+    margin-top: 4%;
+    margin-bottom: 4%;
+  }
+  .or:after {
+    content: " ";
+    display: block;
+    height: 1px;
+    width: 170px;
+    position: absolute;
+    top: 50%;
+    right: -80px;
+    background: black;
+  }
+  .icons {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+  .fa-google {
+    background: conic-gradient(
+        from -45deg,
+        #ea4335 110deg,
+        #4285f4 90deg 180deg,
+        #34a853 180deg 270deg,
+        #fbbc05 270deg
+      )
+      73% 55%/150% 150% no-repeat;
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+    -webkit-text-fill-color: transparent;
+  }
+  .fa-apple {
+    color: black;
+  }
+  .fa-facebook {
+    color: blue;
+  }
+  .icons button {
+    border: 1px solid #d542d7;
+    width: 70%;
+    margin-top: 1%;
+    margin-bottom: 1%;
+    padding: 7px;
+    border-radius: 5px;
+    cursor: pointer;
+  }
+  .guest {
+    margin-top: 3%;
+    margin-bottom: 10%;
+    text-align: center;
+  }
+}
diff --git a/Login_signup_FE_UPDATED/static/style/signup.css b/Login_signup_FE_UPDATED/static/style/signup.css
new file mode 100644
index 0000000..067ebdb
--- /dev/null
+++ b/Login_signup_FE_UPDATED/static/style/signup.css
@@ -0,0 +1,264 @@
+* {
+  box-sizing: border-box;
+}
+/* For Mobile and Small Screens */
+@media screen and (max-width: 374px) and (min-width: 280px) {
+  body {
+    font-family: Calibri;
+    font-size: 15px;
+    width: 100%;
+    height: 100%;
+  }
+  h1 {
+    margin: 10px;
+    padding: 30px;
+    color: white;
+    background-color: #7d1b7e;
+  }
+  h2 {
+    text-align: center;
+    font-weight: bold;
+    font-size: 25px;
+  }
+  .label {
+    margin-left: 15%;
+  }
+  input {
+    border: none;
+    border-radius: 5px;
+    padding: 12px;
+    width: 70%;
+    margin-bottom: 2%;
+    margin-left: 15%;
+  }
+  fieldset {
+    border: none;
+    border-radius: 10px;
+    background-color: rgb(240, 233, 233);
+    margin-top: 20px;
+    margin-left: 25%;
+    width: 50%;
+    justify-content: center;
+    align-items: center;
+  }
+  button.signup {
+    background-color: #ff3355;
+    color: white;
+    border: white;
+    width: 70%;
+    margin-top: 15px;
+    margin-left: 15%;
+    padding: 10px;
+    border-radius: 5px;
+    cursor: pointer;
+  }
+  .signin {
+    text-align: center;
+    margin-top: 40px;
+  }
+  .signin a,
+  button a,
+  p a {
+    text-decoration: none;
+    color: #d542d7;
+  }
+  .or:before {
+    content: " ";
+    display: block;
+    height: 1px;
+    width: 115px;
+    position: absolute;
+    top: 50%;
+    left: -20px;
+    background: black;
+  }
+  .or {
+    position: relative;
+    max-width: 300px;
+    margin: 100px auto;
+    text-align: center;
+    margin-top: 4%;
+    margin-bottom: 4%;
+  }
+  .or:after {
+    content: " ";
+    display: block;
+    height: 1px;
+    width: 115px;
+    position: absolute;
+    top: 50%;
+    right: -20px;
+    background: black;
+  }
+  .icons {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+  .fa-google {
+    background: conic-gradient(
+        from -45deg,
+        #ea4335 110deg,
+        #4285f4 90deg 180deg,
+        #34a853 180deg 270deg,
+        #fbbc05 270deg
+      )
+      73% 55%/150% 150% no-repeat;
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+    -webkit-text-fill-color: transparent;
+  }
+  .fa-apple {
+    color: black;
+  }
+  .fa-facebook {
+    color: blue;
+  }
+  .icons button {
+    border: 1px solid #d542d7;
+    width: 70%;
+    margin-top: 1%;
+    margin-bottom: 1%;
+    padding: 7px;
+    border-radius: 5px;
+    cursor: pointer;
+  }
+  .guest {
+    margin-top: 3%;
+    margin-bottom: 10%;
+    text-align: center;
+  }
+}
+
+/* For Desktop and Large Screens */
+@media screen and (max-width: 1440px) {
+  body {
+    font-family: Calibri;
+    font-size: 15px;
+    width: 99%;
+    height: 100%;
+  }
+  h1 {
+    margin: 10px;
+    padding: 30px;
+    color: white;
+    background-color: #7d1b7e;
+  }
+  h2 {
+    text-align: center;
+    font-weight: bold;
+    font-size: 30px;
+  }
+  .label {
+    margin-left: 15%;
+  }
+  input {
+    border: none;
+    border-radius: 5px;
+    padding: 12px;
+    width: 70%;
+    margin-bottom: 2%;
+    margin-left: 15%;
+  }
+  fieldset {
+    border: none;
+    border-radius: 10px;
+    background-color: rgb(240, 233, 233);
+    margin-top: 20px;
+    margin-left: 25%;
+    width: 50%;
+    justify-content: center;
+    align-items: center;
+  }
+  button.signup {
+    background-color: #ff3355;
+    color: white;
+    border: white;
+    width: 70%;
+    margin-top: 15px;
+    margin-left: 15%;
+    padding: 10px;
+    border-radius: 5px;
+    cursor: pointer;
+  }
+  .signin {
+    text-align: center;
+    margin-top: 40px;
+  }
+  .signin a,
+  button a,
+  p a {
+    text-decoration: none;
+    color: #d542d7;
+  }
+  .or:before {
+    content: " ";
+    display: block;
+    height: 1px;
+    width: 170px;
+    position: absolute;
+    top: 50%;
+    left: -80px;
+    background: black;
+  }
+  .or {
+    position: relative;
+    max-width: 300px;
+    margin: 100px auto;
+    text-align: center;
+    margin-top: 4%;
+    margin-bottom: 4%;
+  }
+  .or:after {
+    content: " ";
+    display: block;
+    height: 1px;
+    width: 170px;
+    position: absolute;
+    top: 50%;
+    right: -80px;
+    background: black;
+  }
+  .icons {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+  .fa-google {
+    background: conic-gradient(
+        from -45deg,
+        #ea4335 110deg,
+        #4285f4 90deg 180deg,
+        #34a853 180deg 270deg,
+        #fbbc05 270deg
+      )
+      73% 55%/150% 150% no-repeat;
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+    -webkit-text-fill-color: transparent;
+  }
+  .fa-apple {
+    color: black;
+  }
+  .fa-facebook {
+    color: blue;
+  }
+  .icons button {
+    border: 1px solid #d542d7;
+    width: 70%;
+    margin-top: 1%;
+    margin-bottom: 1%;
+    padding: 7px;
+    border-radius: 5px;
+    cursor: pointer;
+  }
+  .guest {
+    margin-top: 3%;
+    margin-bottom: 10%;
+    text-align: center;
+  }
+}
diff --git a/Login_signup_FE_UPDATED/templates/main.html b/Login_signup_FE_UPDATED/templates/main.html
new file mode 100644
index 0000000..249e4c2
--- /dev/null
+++ b/Login_signup_FE_UPDATED/templates/main.html
@@ -0,0 +1,23 @@
+{% load static %}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <link rel="stylesheet" href='https://use.fontawesome.com/releases/v5.12.0/css/all.css'>
+    <link rel="stylesheet" href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'>
+
+    <link rel="stylesheet" href="{% static '../static/style/signin.css' %}" />
+    <link rel="stylesheet" href="{% static '../static/style/signup.css' %}" />
+    <title>AnimaX</title>
+</head>
+<body>
+    {% include 'nav.html' %}
+
+    {% block content %}
+
+    {% endblock %}
+</body>
+</html>
\ No newline at end of file
diff --git a/Login_signup_FE_UPDATED/templates/nav.html b/Login_signup_FE_UPDATED/templates/nav.html
new file mode 100644
index 0000000..4ca45e8
--- /dev/null
+++ b/Login_signup_FE_UPDATED/templates/nav.html
@@ -0,0 +1,7 @@
+<!-- {% if messages %}
+    <ul class="messages" type="none">
+        {% for message in messages %}
+        <li>{{ message }}</li>
+        {% endfor %}
+    </ul>
+{% endif %} -->
\ No newline at end of file