Upload folder using huggingface_hub

.gitattributes

@@ -0,0 +1,11 @@
+4nm20cs139_Web-Report.pdf filter=lfs diff=lfs merge=lfs -text
+socials/static/images/friends/img-3.jpeg filter=lfs diff=lfs merge=lfs -text
+socials/static/images/friends/img-9.png filter=lfs diff=lfs merge=lfs -text
+socials/static/images/home/feed-1.jpg filter=lfs diff=lfs merge=lfs -text
+socials/static/images/home/feed-2.jpg filter=lfs diff=lfs merge=lfs -text
+socials/static/images/home/feed-3.jpg filter=lfs diff=lfs merge=lfs -text
+socials/static/images/home/feed-4.jpg filter=lfs diff=lfs merge=lfs -text
+socials/static/images/home/feed-5.jpg filter=lfs diff=lfs merge=lfs -text
+socials/static/images/home/feed-6.jpg filter=lfs diff=lfs merge=lfs -text
+socials/static/images/posts/photo-3.jpg filter=lfs diff=lfs merge=lfs -text
+socials/static/images/signup.png filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -1,291 +1,13 @@
-.DS_Store
-.vscode/
-
-# Build artifacts
-dash_ag_grid/*
-!dash_ag_grid/__init__.py
-R/
-deps/
-man/
-inst/
-DESCRIPTION
-NAMESPACE
-Project.toml
-src/*.jl
-src/jl/*.jl
-lib/
-
-# Created by .ignore support plugin (hsz.mobi)
-### VisualStudioCode template
-.vscode/*
-!.vscode/settings.json
-!.vscode/tasks.json
-!.vscode/launch.json
-!.vscode/extensions.json
-### JetBrains template
-# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and WebStorm
-# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
-
-# User-specific stuff
-.idea/**/workspace.xml
-.idea/**/tasks.xml
-.idea/**/usage.statistics.xml
-.idea/**/dictionaries
-.idea/**/shelf
-
-# Sensitive or high-churn files
-.idea/**/dataSources/
-.idea/**/dataSources.ids
-.idea/**/dataSources.local.xml
-.idea/**/sqlDataSources.xml
-.idea/**/dynamic.xml
-.idea/**/uiDesigner.xml
-.idea/**/dbnavigator.xml
-
-# Gradle
-.idea/**/gradle.xml
-.idea/**/libraries
-
-# Gradle and Maven with auto-import
-# When using Gradle or Maven with auto-import, you should exclude module files,
-# since they will be recreated, and may cause churn.  Uncomment if using
-# auto-import.
-# .idea/modules.xml
-# .idea/*.iml
-# .idea/modules
-
-# CMake
-cmake-build-*/
-
-# Mongo Explorer plugin
-.idea/**/mongoSettings.xml
-
-# File-based project format
-*.iws
-
-# IntelliJ
-out/
-
-# mpeltonen/sbt-idea plugin
-.idea_modules/
-
-# JIRA plugin
-atlassian-ide-plugin.xml
-
-# Cursive Clojure plugin
-.idea/replstate.xml
-
-# Crashlytics plugin (for Android Studio and IntelliJ)
-com_crashlytics_export_strings.xml
-crashlytics.properties
-crashlytics-build.properties
-fabric.properties
-
-# Editor-based Rest Client
-.idea/httpRequests
-### Node template
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# TypeScript v1 declaration files
-typings/
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
 .env
-
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-
-# next.js build output
-.next
-
-# nuxt.js build output
-.nuxt
-
-# vuepress build output
-.vuepress/dist
-
-# Serverless directories
-.serverless
-### Python template
-# Byte-compiled / optimized / DLL files
-__pycache__/
-*.py[cod]
-*$py.class
-
-# C extensions
-*.so
-
-# Distribution / packaging
-.Python
-build/
-develop-eggs/
-dist/
-downloads/
-eggs/
-.eggs/
-lib64/
-parts/
-sdist/
-var/
-wheels/
-*.egg-info/
-.installed.cfg
-*.egg
-MANIFEST
-
-# PyInstaller
-#  Usually these files are written by a python script from a template
-#  before PyInstaller builds the exe, so as to inject date/other infos into it.
-*.manifest
-*.spec
-
-# Installer logs
-pip-log.txt
-pip-delete-this-directory.txt
-
-# Unit test / coverage reports
-htmlcov/
-.tox/
-.coverage
-.coverage.*
-nosetests.xml
-coverage.xml
-*.cover
-.hypothesis/
-.pytest_cache/
-
-# Translations
-*.mo
-*.pot
-
-# Django stuff:
-local_settings.py
-db.sqlite3
-
-# Flask stuff:
-instance/
-.webassets-cache
-
-# Scrapy stuff:
-.scrapy
-
-# Sphinx documentation
-docs/_build/
-
-# PyBuilder
-target/
-
-# Jupyter Notebook
-.ipynb_checkpoints
-
-# pyenv
-.python-version
-
-# celery beat schedule file
-celerybeat-schedule
-
-# SageMath parsed files
-*.sage.py
-
-# Environments
-.venv
 env/
-venv/
-ENV/
-env.bak/
-venv.bak/
-
-# Spyder project settings
-.spyderproject
-.spyproject
-
-# Rope project settings
-.ropeproject
-
-# mkdocs documentation
-/site
-
-# mypy
-.mypy_cache/
-### SublimeText template
-# Cache files for Sublime Text
-*.tmlanguage.cache
-*.tmPreferences.cache
-*.stTheme.cache
-
-# Workspace files are user-specific
-*.sublime-workspace
-
-# Project files should be checked into the repository, unless a significant
-# proportion of contributors will probably not be using Sublime Text
-# *.sublime-project
-
-# SFTP configuration file
-sftp-config.json
-
-# Package control specific files
-Package Control.last-run
-Package Control.ca-list
-Package Control.ca-bundle
-Package Control.system-ca-bundle
-Package Control.cache/
-Package Control.ca-certs/
-Package Control.merged-ca-bundle
-Package Control.user-ca-bundle
-oscrypto-ca-bundle.crt
-bh_unicode_properties.cache
+socials/db.sqlite3
+socials/base/__pycache__/
+socials/base/migrations/__pycache__/
+socials/socials/__pycache__/
+socials/media/
+socials/staticfiles/
+*.log
+*.pot
+*.pyc
+__pycache__
 
-# Sublime-github package stores a github token in this file
-# https://packagecontrol.io/packages/sublime-github
-GitHub.sublime-settings

.hfignore

@@ -0,0 +1,8 @@
+.git
+__pycache__
+*.pyc
+env/
+venv/
+.env
+db.sqlite3
+media/

4nm20cs139_Web-Report.pdf

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:495dcf035c21f349cbd42fb544f90834b426e780f08d0c3a822478694d89a31a
+size 1251056

Dockerfile

@@ -1,16 +1,40 @@
-FROM python:3.12
-COPY --from=ghcr.io/astral-sh/uv:0.4.20 /uv /bin/uv
+FROM python:3.10-slim
 
-RUN useradd -m -u 1000 user
-ENV PATH="/home/user/.local/bin:$PATH"
-ENV UV_SYSTEM_PYTHON=1
+# Set environment variables
+ENV PYTHONDONTWRITEBYTECODE 1
+ENV PYTHONUNBUFFERED 1
 
+# Set work directory
 WORKDIR /app
 
-COPY --chown=user ./requirements.txt requirements.txt
-RUN uv pip install -r requirements.txt
+# Install system dependencies
+RUN apt-get update && apt-get install -y --no-install-recommends \
+    build-essential \
+    libpq-dev \
+    && rm -rf /var/lib/apt/lists/*
 
-COPY --chown=user . /app
-USER user
+# Install uv
+RUN pip install uv
 
-CMD ["gunicorn", "app:server", "--workers", "4", "--bind", "0.0.0.0:7860"]
+# Copy requirements
+COPY requirements.txt .
+
+# Install dependencies using uv
+RUN uv pip install --system -r requirements.txt
+
+# Copy project
+COPY . .
+
+# Create a non-root user
+RUN useradd -m appuser
+RUN chown -R appuser:appuser /app
+USER appuser
+
+# Set the path to include the user's local bin
+ENV PATH="/home/appuser/.local/bin:${PATH}"
+
+# Expose port 7860
+EXPOSE 7860
+
+# Run migrations and start server
+CMD ["sh", "-c", "cd socials && python manage.py migrate && gunicorn socials.wsgi:application --bind 0.0.0.0:7860"]

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Prathiksha Kini
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,93 +1,164 @@
 ---
 title: Dashboards Plotly
 emoji: 📊
+colorFrom: blue
+colorTo: indigo
 sdk: docker
-app_file: app.py
-pinned: true
+pinned: false
+app_port: 7860
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Social-media-web-app
 
-# Dash on Spaces
 
-![Gapminder Dashboard Screenshot](screenshot.png)
+<p align="center"> <img src="https://user-images.githubusercontent.com/84091455/208230388-5ca38084-1973-49fd-883a-bbdb4f51d3a6.png" height=200 /> </p>
+<br>
 
-With Dash Open Source, you can create data apps on your laptop in pure Python, no JavaScript required.
+<p align="center">
+<a href="https://codeclimate.com/github/pkini2002/Social-media-web-app/maintainability">
+<img src="https://api.codeclimate.com/v1/badges/b79b9943a5cb4340c05f/maintainability" /></a>
+<a href="https://codeclimate.com/github/pkini2002/Social-media-web-app/test_coverage">
+<img src="https://api.codeclimate.com/v1/badges/b79b9943a5cb4340c05f/test_coverage" /></a>
+</p>
 
-Get familiar with Dash by building a [sample app](https://dash.plotly.com/tutorial) with open source. Scale up with [Dash Enterprise](https://plotly.com/dash/) when your Dash app is ready for department or company-wide consumption. Or, launch your initiative with Dash Enterprise from the start to unlock developer productivity gains and hands-on acceleration from Plotly's team.
+<p align="center">
+<a href="https://www.python.org/"><img src="https://forthebadge.com/images/badges/made-with-python.svg" border="0" title="Made with Python" />
+</p>
 
-## Deploy Dash on Spaces
+<p align="center">
+<a href="http://www.djangoproject.com/"><img src="https://www.djangoproject.com/m/img/badges/djangopowered126x54.gif" border="0" alt="Powered by Django." title="Powered by Django." /></a>
+</p>
 
-To get started with Dash on Spaces, click the button below:
+### Pages
 
-<a href="http://huggingface.co/new-space?template=plotly/dash-app-template" target="_blank">
-    <img src="https://huggingface.co/datasets/huggingface/badges/resolve/main/deploy-to-spaces-lg.svg" alt="">
-</a>
+- Login Page
+- Signup Page
+- Create Profile Page
+- Edit Profile Page
+- Create Post Page
+- Delete Post Page
+- Update post page
+- Password Reset Page
+- Feed/Home page
+- User Profile Page
+- Search Results Page
+- Post Comment Page
 
-This will start building your Space using Plotly's Dash Docker template. If successful, you should see a similar application to the [Dash template app](https://huggingface.co/spaces/dash/dash-app-template).
+### Features
 
-## Customizing your Dash app
+- Follow/Unfollow Users
+- Like/Unlike the posts
+- Download the post images
+- Comment on user posts
+- User suggestion section
+- Search users through the search bar
 
-If you have never built with Dash before, we recommend getting started with our [Dash in 20 minutes tutorial](https://dash.plotly.com/tutorial).
+### Tools and Techs
 
-When you create a Dash Space, you'll get a few key files to help you get started:
+Backend Framework: `Django`
+<br/><br/>
+Front-end : `Bootstrap, SCSS, HTML,CSS, Javascript`
+<br/><br/>
+Database: `Sqlite3`
+<br/><br/>
 
-### 1. app.py
+### Installation
 
-This is the main app file that defines the core logic of your project. Dash apps are often structured as modules, and you can optionally seperate your layout, callbacks, and data into other files, like `layout.py`, etc.
+1. - Fork the [repo](https://github.com/pkini2002/Social-media-web-app)
+   - Clone the repo to your local system
+   ```git
+   git clone https://github.com/pkini2002/Social-media-web-app.git
+   cd Social-media-web-app
+   ```
+   Make sure you have python installed on your system.
+2. Create a Virtual Environment for the Project
 
-Inside of `app.py` you will see:
+   If u don't have a virtualenv installed
 
-1. `from dash import Dash, html`
-   We import the `Dash` object to define our app, and the `html` library, which gives us building blocks to assemble our project.
+   ```bash
+   pip install virtualenv
+   ```
+   **For Windows Users**
+   ```bash
+   virtualenv env
+   env/Scripts/activate
+   ```
 
-2. `app = Dash()`
-   Here, we define our app. Layout, server, and callbacks are _bound_ to the `app` object.
 
-3. `server = app.server`
-   Here, we define our server variable, which is used to run the app in production.
+   **For Linux Users**
+   ```bash
+   virtualenv env
+   source env/Scripts/activate
+   ```
 
-4. `app.layout = `
-   The starter app layout is defined as a list of Dash components, an indivdual Dash component, or a function that returns either.
+   If you are giving a different name than `env`, mention it in `.gitignore` first
 
-   The `app.layout` is your initial layout that will be updated as a single-page application by callbacks and other logic in your project.
+3. Install all the requirements
 
-5. `if __name__ == '__main__': app.run(debug=True)`
-   If you are running your project locally with `python app.py`, `app.run(...)` will execute and start up a development server to work on your project, with features including hot reloading, the callback graph, and more.
+   ```bash
+   pip install -r requirements.txt
+   ```
 
-   In production, we recommend `gunicorn`, which is a production-grade server. Debug features will not be enabled when running your project with `gunicorn`, so this line will never be reached.
+    ```bash
+   cd socials
+   ```
 
-### 2. Dockerfile
 
-The Dockerfile for a Dash app is minimal since Dash has few system dependencies. The key requirements are:
+4. Make migrations/ Create db.sqlite3
 
-- It installs the dependencies listed in `requirements.txt` (using `uv`)
-- It creates a non-root user for security
-- It runs the app with `gunicorn` using `gunicorn app:server --workers 4`
+   ```bash
+   python manage.py makemigrations
+   python manage.py migrate
+   ```
 
-You may need to modify this file if your application requires additional system dependencies, permissions, or other CLI flags.
+5. Create a super user.
+   This is to access Admin panel and admin specific pages.
 
-### 3. requirements.txt
+   ```djangotemplate
+   python manage.py createsuperuser
+   ```
+   
 
-The Space will automatically install dependencies listed in the `requirements.txt` file. At minimum, you must include `dash` and `gunicorn` in this file. You will want to add any other required packages your app needs.
+   Enter your username, email and password.
 
-The Dash Space template provides a basic setup that you can extend based on your needs.
+6. Run server
+   ```bash
+   python manage.py runserver
+   
+  
+ ### Snapshots
 
-## Additional Resources and Support
+**1. Signup Page**
 
-- [Dash documentation](https://dash.plotly.com)
-- [Dash GitHub repository](https://github.com/plotly/dash)
-- [Dash Community Forums](https://community.plotly.com)
-- [Dash Enterprise](https://plotly.com/dash)
-- [Dash template Space](https://huggingface.co/spaces/plotly/dash-app-template)
+![Signup page](https://user-images.githubusercontent.com/84091455/208101528-a448872c-6e8c-4f9e-b287-1c64a58d0c6f.png)
 
-## Troubleshooting
+**2. Login Page**
 
-If you encounter issues:
+![Login page](https://user-images.githubusercontent.com/84091455/208101465-29c16377-81a7-47c5-a051-c5ca103994a2.png)
 
-1. Make sure your notebook runs locally in app mode using `python app.py`
-2. Check that all required packages are listed in `requirements.txt`
-3. Verify the port configuration matches (7860 is the default for Spaces)
-4. Check Space logs for any Python errors
+**3. Home/Feed Page**
 
-For more help, visit the [Plotly Community Forums](https://community.plotly.com) or [open an issue](https://github.com/plotly/dash/issues).
+![Home Page](https://user-images.githubusercontent.com/84091455/208101566-beb72751-bfe6-4d4e-939a-09352b517206.png)
+
+**4. Comment Display**
+
+![Comment Display](https://user-images.githubusercontent.com/84091455/208101614-3500b844-f657-494f-b998-9bde17824aeb.png)
+
+**5. Profile Pages**
+
+**User Profile**
+
+![Show Profile](https://user-images.githubusercontent.com/84091455/208101687-2ed8cc97-7e6b-4f65-b7cc-d0aaae732d14.png)
+
+**Other's Profile**
+
+![127 0 0 1_8000_4_profile_(Nest Hub)](https://user-images.githubusercontent.com/84091455/208229214-687fcdea-72a0-4f86-afc4-1253629006e8.png)
+
+
+**6. Search Result Users Page**
+
+![Search Result](https://user-images.githubusercontent.com/84091455/208101657-497a2549-c882-4a50-93eb-fcd261201a13.png)
+
+**7. Create a user profile page**
+
+![Create user profile](https://user-images.githubusercontent.com/84091455/208101772-e022f7ee-5c8f-4799-b0be-b5d43effd1d9.png)

requirements.txt

@@ -1,6 +1,17 @@
-dash
-dash-mantine-components
-dash-iconify
-plotly
-pandas
-gunicorn
+asgiref>=3.6.0
+Django==4.2.24
+django-appconf==1.0.5
+django-ckeditor==6.5.1
+django-compressor==4.1
+django-crispy-forms==1.14.0
+django-filter==22.1
+django-js-asset==2.0.0
+django-libsass==0.9
+gunicorn==23.0.0
+libsass==0.21.0
+Pillow==10.3.0
+rcssmin==1.1.0
+rjsmin==1.2.0
+six==1.16.0
+sqlparse==0.5.0
+tzdata==2022.2

socials/base/admin.py

@@ -0,0 +1,12 @@
+from django.contrib import admin
+from .models import *
+
+# Register your models here.
+admin.site.register(Profile)
+admin.site.register(Post)
+admin.site.register(FollowersCount)
+admin.site.register(Comment)
+admin.site.register(LikePost)
+
+
+

socials/base/apps.py

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class BaseConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "base"

socials/base/forms.py

@@ -0,0 +1,73 @@
+from .models import Profile,Post,Comment
+from django import forms
+from django.contrib.auth.forms import PasswordChangeForm
+from django.contrib.auth.models import User
+
+class EditProfileNewForm(forms.ModelForm):
+     class Meta:
+       model=Profile
+       fields = ('username','fname','lname','description','profileimg')
+
+       widgets={
+            'username':forms.TextInput(attrs={'class':'form-control'}),
+            'fname':forms.TextInput(attrs={'class':'form-control'}),
+            'lname':forms.TextInput(attrs={'class':'form-control'}),
+            'description':forms.Textarea(attrs={'class':'form-control'}),
+        }
+
+class ProfilePageForm(forms.ModelForm):
+    class Meta:
+       model=Profile
+       fields = ('username','fname','lname','description','profileimg')
+
+       widgets={
+          'username':forms.TextInput(attrs={'class':'form-control'}),
+          'fname':forms.TextInput(attrs={'class':'form-control'}),
+          'lname':forms.TextInput(attrs={'class':'form-control'}),
+          'description':forms.Textarea(attrs={'class':'form-control'}), 
+        }
+
+class PostForm(forms.ModelForm):
+    class Meta:
+        model = Post
+        fields = ('title','title_tag','author','caption','location','image')
+
+        widgets={
+            'title':forms.TextInput(attrs={'class':'form-control','placeholder':'Title'}),
+            'title_tag':forms.TextInput(attrs={'class':'form-control', 'placeholder':'Title tag'}),
+            'author':forms.Select(attrs={'class':'form-control'}),
+            'caption':forms.Textarea(attrs={'class':'form-control', 'placeholder':'Content'}),
+            'location':forms.TextInput(attrs={'class':'form-control', 'placeholder':'Location'}),
+        }
+
+class PasswordChangingForm(PasswordChangeForm):
+    old_password=forms.CharField(widget=forms.PasswordInput(attrs={'class' : 'form-control', 'type':'password'}))
+    new_password1=forms.CharField(max_length=100, widget=forms.PasswordInput(attrs={'class': 'form-control', 'type':'password'}))
+    new_password2=forms.CharField(max_length=100, widget=forms.PasswordInput(attrs={'class': 'form-control', 'type':'password'}))
+
+    class Meta:
+        model= User
+        fields = ('old_password','new_password1','new_password2')
+
+class CommentForm(forms.ModelForm):
+    class Meta:
+        model=Comment
+        fields=('name','body')
+
+        widgets={
+            'name':forms.TextInput(attrs={'class':'form-control'}),
+            'body':forms.Textarea(attrs={'class':'form-control'}),
+       }
+
+class EditForm(forms.ModelForm):
+    class Meta:
+        model=Post
+        fields = ('title','title_tag','author','caption','location','image')
+
+        widgets={
+            'title':forms.TextInput(attrs={'class':'form-control','placeholder':'Title'}),
+            'title_tag':forms.TextInput(attrs={'class':'form-control', 'placeholder':'Title tag'}),
+            'author':forms.Select(attrs={'class':'form-control','placeholder':'username'}),
+            'caption':forms.Textarea(attrs={'class':'form-control', 'placeholder':'Content'}),
+            'location':forms.TextInput(attrs={'class':'form-control', 'placeholder':'Location'}),
+        }

socials/base/migrations/0001_initial.py

@@ -0,0 +1,137 @@
+# Generated by Django 4.1.1 on 2022-12-15 20:15
+
+import ckeditor.fields
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="FollowersCount",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("follower", models.CharField(max_length=100)),
+                ("user", models.CharField(max_length=100)),
+            ],
+        ),
+        migrations.CreateModel(
+            name="LikePost",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("post_id", models.CharField(max_length=500)),
+                ("username", models.CharField(max_length=100)),
+            ],
+        ),
+        migrations.CreateModel(
+            name="Profile",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("description", models.TextField(blank=True)),
+                ("fname", models.TextField(blank=True)),
+                ("lname", models.TextField(blank=True)),
+                ("username", models.TextField(blank=True)),
+                (
+                    "profileimg",
+                    models.ImageField(
+                        default="blank-profile-picture.png", upload_to="profile_images"
+                    ),
+                ),
+                (
+                    "user",
+                    models.OneToOneField(
+                        null=True,
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to=settings.AUTH_USER_MODEL,
+                    ),
+                ),
+            ],
+        ),
+        migrations.CreateModel(
+            name="Post",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("title", models.CharField(max_length=255)),
+                (
+                    "image",
+                    models.ImageField(blank=True, null=True, upload_to="images/"),
+                ),
+                ("title_tag", models.CharField(default="", max_length=255)),
+                ("caption", ckeditor.fields.RichTextField(blank=True, null=True)),
+                ("post_date", models.DateField(auto_now_add=True)),
+                ("location", models.CharField(default="", max_length=255)),
+                ("no_of_likes", models.IntegerField(default=0)),
+                (
+                    "author",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE, to="base.profile"
+                    ),
+                ),
+            ],
+        ),
+        migrations.CreateModel(
+            name="Comment",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("name", models.CharField(max_length=255)),
+                ("body", models.TextField()),
+                ("date_added", models.DateTimeField(auto_now_add=True)),
+                (
+                    "post",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="comments",
+                        to="base.post",
+                    ),
+                ),
+            ],
+        ),
+    ]

socials/base/models.py

@@ -0,0 +1,77 @@
+from django.db import models
+from django.core.validators import MaxValueValidator, MinValueValidator
+from django.contrib.auth.models import User
+from django.contrib.auth import get_user_model
+import uuid
+from datetime import datetime
+from ckeditor.fields import RichTextField
+from django.urls import reverse
+
+User = get_user_model()
+
+# Create your models here.
+class Profile(models.Model):
+    # user = models.ForeignKey(User, on_delete=models.CASCADE)
+    user=models.OneToOneField(User,null=True,on_delete=models.CASCADE)
+    description = models.TextField(blank=True)
+    fname = models.TextField(blank=True)
+    lname = models.TextField(blank=True)
+    username=models.TextField(blank=True)
+    profileimg = models.ImageField(upload_to='profile_images', default='blank-profile-picture.png')
+
+    def __str__(self):
+        return(str(self.user)) 
+
+    def get_absolute_url(self):
+        return reverse('home')
+
+class FollowersCount(models.Model):
+    follower = models.CharField(max_length=100)
+    user = models.CharField(max_length=100)
+
+    def __str__(self):
+        return self.user
+
+class Post(models.Model):
+    title=models.CharField(max_length=255)
+    image=models.ImageField(null=True,blank=True,upload_to="images/")
+    title_tag=models.CharField(max_length=255,default="")
+    author=models.ForeignKey(Profile,on_delete=models.CASCADE)
+    caption=RichTextField(blank=True,null=True)
+    post_date=models.DateField(auto_now_add=True)
+    location=models.CharField(max_length=255,default="")
+    no_of_likes=models.IntegerField(default=0)
+
+    def __str__(self):
+        return self.title + " | " + str(self.author)
+
+    def get_absolute_url(self):
+        return reverse('home')
+
+    def get_owner_pp(self):
+        return self.author.profileimg.url
+
+    def profileid(self):
+        return self.author.user.id
+
+class Comment(models.Model):
+    post=models.ForeignKey(Post,related_name="comments",on_delete=models.CASCADE)
+    name=models.CharField(max_length=255)
+    body=models.TextField()
+    date_added=models.DateTimeField(auto_now_add=True)
+
+    def __str__(self):
+        return '%s - %s' % (self.post.title,self.name)
+
+    def get_absolute_url(self):
+        return reverse('home')
+
+class LikePost(models.Model):
+    post_id=models.CharField(max_length=500)
+    username=models.CharField(max_length=100)
+
+    def __str__(self):
+        return self.username
+
+
+

socials/base/templates/base/404.html

@@ -0,0 +1,22 @@
+{% extends 'main.html' %} {% load static %} {% block styles %}
+<!-- Replace {name} with the respective css file -->
+<link rel="stylesheet" href="{% static 'styles/404.css' %}" />
+{% endblock %}
+
+{% block content %}
+<div class="wrapper">
+    <div class="landing-page">
+      <div style="text-align:center;" class="icon__download">
+        <svg xmlns="http://www.w3.org/2000/svg" id="b599d709-684a-4b18-9cac-f9c979cf5115" data-name="Layer 1" width="977.71631" height="782.41658" viewBox="0 0 977.71631 782.41658" src="https://42f2671d685f51e10fc6-b9fcecea3e50b3b59bdc28dead054ebc.ssl.cf5.rackcdn.com/illustrations/imagination_ok71.svg" class="item__image" alt="Imagination"><title>imagination</title><path d="M1088.85815,416.70662c0,45.97-13.23,89.54-36.9,128.54q-6.135,10.125-13.19995,19.82c-20.04,27.54-45.5,52.39-75.25,73.69q-2.73,1.95-5.5,3.86c-.7.48-1.39.96-2.09,1.44q-4.365,2.955-8.83,5.82c-.94.6-1.88,1.19-2.82,1.78-.8.51-1.61,1.01-2.42,1.51q-13.005,8.04006-26.9,15.21c-1.01.52-2.03,1.04-3.05,1.56-.88.44-1.76.89-2.65,1.33-.62.31-1.25.62-1.87.92-1.04.52-2.09,1.03-3.14,1.53q-4.095,1.965-8.25,3.85c-1.27.58-2.55,1.16-3.84,1.72a.07552.07552,0,0,1-.04.02c-1.28.57-2.56,1.13-3.85,1.68-1.18006.51-2.37,1.02-3.56,1.51q-5.37,2.265-10.83,4.38c-.75.3-1.51.59-2.27.88-1.05.4-2.09.8-3.15,1.19-1.35.5-2.69,1-4.04,1.49-1.26.46-2.52.91-3.79,1.36l-.27.09c-1.27.45-2.54.89-3.82,1.32q-9.86994,3.39-20.03,6.34c-.85.25-1.7.49-2.55.73-.38.12-.77.23-1.16.33-.99.28-1.98.56-2.98.83-1.22.35-2.45.68-3.69,1q-5.175,1.38-10.4,2.64c-1.18.29-2.35.57-3.53.84a.14463.14463,0,0,1-.07.02q-1.77.405-3.54.81c-1.65.38-3.31994.75-4.99,1.09-1.93.42-3.87.82-5.82,1.22-1.21.24-2.42.48-3.63.71-1.21.24-2.43005.47-3.64.69q-9.135,1.695-18.42,3.05c-2.3.33-4.6.65-6.92.96-1.42.19-2.85.37-4.28.54-1.25.15-2.51.3-3.76.44-1.25.15-2.5.28-3.76.42h-.01c-.12.02-.24.03-.36.04-2.05.22-4.11.42-6.17.62-1.21.12-2.42.22-3.64.32-1.09.1-2.19.18994-3.29.27q-4.93506.405-9.9.69-1.605.105-3.21.18c-2.28.13-4.56.23005-6.85.32-.95.04-1.91.08-2.86.11-2.56.09-5.13.15-7.7.2q-2.175.045-4.35.06-2.58.03-5.16.03c-83.21,0-178.85-28.5-257.63-69.93a553.716,553.716,0,0,1-57.37-34.57c-10.66-7.37-20.72-14.95-30.06-22.71-69.61-57.7-99.74-124.19-43.94-174.79q10.8-9.795,23.27-20.39,9.435-8.025,19.7-16.46c97.47-80.06,246.86005-185.08,346.03-265.15C867.01813-20.25341,1088.85815,249.91658,1088.85815,416.70662Z" transform="translate(-111.14185 -58.79171)" fill="#62ad9b"></path><path d="M731.85815,569.20662l-41.03,5.32-2.09.27-54.61,7.08-249.27,32.33c-10.66-7.37-20.72-14.95-30.06-22.71l285.26-16.86,49.34-2.92,2.07-.12Z" transform="translate(-111.14185 -58.79171)" fill="#f2f2f2"></path><path d="M550.85815,368.20662l-216.73,28.11q9.435-8.025,19.7-16.46Z" transform="translate(-111.14185 -58.79171)" fill="#f2f2f2"></path><path d="M1051.95813,545.24659q-6.135,10.125-13.19995,19.82l-188.30005-24.42-103.6-13.44,101.91,6.03Z" transform="translate(-111.14185 -58.79171)" fill="#f2f2f2"></path><path d="M963.50818,638.7566c-69.31,49.64-161.92005,79.95-263.65,79.95-83.21,0-178.85-28.5-257.63-69.93,6.23-16.15,14.91-29.24,26.98-35.87.3-.17.61-.34.92-.49a38.14439,38.14439,0,0,1,16.64-4.21c71-2,63,78,152-32,55.35-68.41,118.05-91.95,160.91-84.34.79.14,1.57.29,2.35.45,24.84,5.16,42.61,21.06,47.74,44.89,14,65-27,117,48,101A155.12159,155.12159,0,0,1,963.50818,638.7566Z" transform="translate(-111.14185 -58.79171)" fill="#3f3d56"></path><path d="M753.24836,716.05355c-34.87988-19.44434-56.59375-45.99121-64.53906-78.90235-5.89941-24.43554-4.2041-51.93261,5.03809-81.72753a218.888,218.888,0,0,1,30.439-61.48438C794.82453,393.953,801.2,328.80159,794.10969,291.75277c-7.77393-40.62305-33.03125-57.49414-33.28564-57.65967l1.09033-1.67676c.26074.16943,26.18359,17.43262,34.14453,58.87988,4.58935,23.89453,2.43017,51.14063-6.41748,80.981-11.01172,37.1377-32.48438,78.459-63.82129,122.81641a216.90415,216.90415,0,0,0-30.1626,60.92187c-15.1582,48.86719-17.30273,115.99707,58.56445,158.292Z" transform="translate(-111.14185 -58.79171)" fill="#d0cde1"></path><path d="M691.54426,526.912c-27.49805-15.32813-26.73242-39.6211-21.24805-57.30078a77.68749,77.68749,0,0,1,10.8042-21.8252c24.74658-35.02832,26.98291-57.7832,24.50147-70.7041-2.69531-14.03076-11.34131-19.791-11.42822-19.84766l1.08984-1.67676c.38428.24952,9.44824,6.28858,12.30224,21.14747,3.71631,19.34814-4.63818,43.65136-24.83154,72.23535A75.6765,75.6765,0,0,0,672.20637,470.203c-5.26514,16.97363-6.01514,40.28711,20.31152,54.96289Z" transform="translate(-111.14185 -58.79171)" fill="#d0cde1"></path><path d="M815.26106,312.91292l-.97364-1.74707c26.32666-14.67627,25.57666-37.98974,20.31153-54.9624a75.67946,75.67946,0,0,0-10.52783-21.26318c-20.19336-28.5835-28.54786-52.88721-24.83155-72.23535,2.854-14.85889,11.918-20.89795,12.30225-21.14747l1.09131,1.67579c-.0874.05761-8.77735,5.89355-11.44483,19.92773-2.4541,12.91357-.19336,35.64893,24.51661,70.625a77.69728,77.69728,0,0,1,10.80419,21.82471C841.99348,273.29036,842.7591,297.58333,815.26106,312.91292Z" transform="translate(-111.14185 -58.79171)" fill="#d0cde1"></path><path d="M873.97145,213.41a30,30,0,1,1-50.25129-32.78427c9.05313-13.87651,54.63149-28.834,54.63149-28.834S883.02457,199.53349,873.97145,213.41Z" transform="translate(-111.14185 -58.79171)" fill="#3f3d56"></path><path d="M862.97145,120.41a30,30,0,1,1-50.25129-32.78427c9.05313-13.87651,54.63149-28.834,54.63149-28.834S872.02457,106.53349,862.97145,120.41Z" transform="translate(-111.14185 -58.79171)" fill="#3f3d56"></path><path d="M861.54815,401.92659c-1.92-.45-47.21-10.98-62.31-3.79a31.00068,31.00068,0,0,0,13.38,58.99,30.5018,30.5018,0,0,0,6.7-.74,31.09548,31.09548,0,0,0,6.58-2.27c15.1-7.2,35.46-49,36.32-50.78l.55-1.12Zm-36.51,50.38a28.99815,28.99815,0,0,1-24.94-52.36c3.52-1.68,8.9-2.31,15.04-2.31,16.8,0,39.26,4.75,44.72,5.96C856.44818,410.4366,838.17816,446.04658,825.03815,452.30659Z" transform="translate(-111.14185 -58.79171)" fill="#d0cde1"></path><path d="M725.25561,232.03846a30.87582,30.87582,0,0,1-20.873-8.07861c-12.36035-11.27051-19.69727-57.18652-20.00391-59.13574l-.19336-1.23242,1.24512.0791c1.96875.12549,48.36621,3.20459,60.72656,14.4751h0a30.98626,30.98626,0,0,1-20.90137,53.89257ZM686.56128,165.7577c1.27929,7.5293,8.416,46.91992,19.16894,56.72461a29.00026,29.00026,0,0,0,39.0791-42.85888h0C734.05639,169.81971,694.17651,166.33876,686.56128,165.7577Z" transform="translate(-111.14185 -58.79171)" fill="#d0cde1"></path><path d="M683.48314,303.8848A30,30,0,0,1,643.05666,348.221c-12.24311-11.16347-19.68934-58.55194-19.68934-58.55194S671.24,292.72134,683.48314,303.8848Z" transform="translate(-111.14185 -58.79171)" fill="#3f3d56"></path><path d="M775.42816,304.98658a17.15039,17.15039,0,0,0-16.69-13.51,17.53009,17.53009,0,0,0-3.66.4c-8.93994,1.94-24.83,21.41-25.5,22.23l-.79.97,1.12.56c.88.44,20.02,9.92,30.04,9.92a11.05066,11.05066,0,0,0,2.37994-.23,17.11671,17.11671,0,0,0,13.1-20.34Zm-4.02,11.8a14.9573,14.9573,0,0,1-9.51,6.59c-7.18,1.56-25.24-6.73-29.96-8.98,3.36-4,16.38-19.01,23.57-20.57a15.11325,15.11325,0,0,1,15.9,22.96Z" transform="translate(-111.14185 -58.79171)" fill="#d0cde1"></path><ellipse cx="422.21631" cy="715.77222" rx="417.5" ry="9.69734" fill="#3f3d56"></ellipse><ellipse cx="422.21631" cy="747.84803" rx="289.03846" ry="6.71354" fill="#3f3d56"></ellipse><ellipse cx="422.34837" cy="776.94004" rx="235.78148" ry="5.47653" fill="#3f3d56"></ellipse><path d="M118.35815,469.36659s-14,33-3,36,16-36,16-36Z" transform="translate(-111.14185 -58.79171)" fill="#ffb8b8"></path><polygon points="48.716 229.075 12.216 338.575 4.216 397.575 4.216 416.575 25.216 414.575 25.216 398.575 58.216 297.575 48.716 229.075" fill="#575a89"></polygon><path d="M186.35815,377.36659l-2,22,64,4v-49C248.35815,348.36659,186.35815,377.36659,186.35815,377.36659Z" transform="translate(-111.14185 -58.79171)" fill="#ffb8b8"></path><path d="M153.35815,716.36659l-3,28,33-3s-9-22-10-25S153.35815,716.36659,153.35815,716.36659Z" transform="translate(-111.14185 -58.79171)" fill="#ffb8b8"></path><polygon points="152.216 606.575 148.216 633.575 169.216 648.575 167.216 612.575 152.216 606.575" fill="#ffb8b8"></polygon><path d="M202.35815,385.36659h-18l-6,11s-39,28-39,86v128s-1,91,10,101l1.09842,6.59049.90158,5.40951,24-4s-2-8,1-15-2-46-2-46l6-61,36-89,45,64s-5,89-3,92-1,12-1,12h26l17-119-38-107s4-49-10-54S202.35815,385.36659,202.35815,385.36659Z" transform="translate(-111.14185 -58.79171)" fill="#2f2e41"></path><path d="M273.35815,694.36659s-3.27559-15-9.13779-18-14.86221,5-14.86221,5-24,5-14,30l4,6s7-3,7,12,23,29,31,29,11-7,9-19-6-43.3189-6-43.3189Z" transform="translate(-111.14185 -58.79171)" fill="#2f2e41"></path><path d="M172.28316,732.94392s-14.11335-6.04508-19.96016-3.01519-4.56127,15.00267-4.56127,15.00267-9.86827,22.44142,16.29109,28.82014l7.20749.22839s1.62322-7.44078,13.83419,1.27084,36.96568-1.881,41.61188-8.39353.69007-13.02014-10.24025-18.3613-38.749-20.27413-38.749-20.27413Z" transform="translate(-111.14185 -58.79171)" fill="#2f2e41"></path><circle cx="100.71631" cy="162.07488" r="34" fill="#ffb8b8"></circle><polygon points="81.216 175.575 75.216 213.575 111.216 216.575 115.216 178.575 81.216 175.575" fill="#ffb8b8"></polygon><path d="M252.58271,293.80823a83.423,83.423,0,0,0-43.50914-35.15149c-2.79007-.969-15.60449-.79081-23.3391-.902a23.71078,23.71078,0,0,0-22.785,16.10629c-9.25964,27.236-21.5091,80.67079,15.40865,101.50556l8,7,71-20s-5-12-2-16,13-28,2-45C255.6436,298.71683,254.05052,296.18854,252.58271,293.80823Z" transform="translate(-111.14185 -58.79171)" fill="#575a89"></path><path d="M255.85815,205.86659s7.11653-48.06537-43.70451-33.23456c0,0-35.95295-7.3129-48.65151,37.59055l-12.88906,47.078,5.89984-3.06592,2.60784,6.00245,9.4156,2.57781,4.20315-7.95848,1.77128,9.79659,77.34737,9.21358s-34.31466-21.19294-34.15871-57.992l6.47715,7.11336Z" transform="translate(-111.14185 -58.79171)" fill="#2f2e41"></path><path d="M205.17488,169.41528H211.949a4.2634,4.2634,0,0,1,4.2634,4.2634v47.7366a0,0,0,0,1,0,0H200.91148a0,0,0,0,1,0,0v-47.7366a4.2634,4.2634,0,0,1,4.2634-4.2634Z" transform="translate(-144.86665 -14.97574) rotate(-11.10178)" fill="#62ad9b"></path><circle cx="106.71631" cy="165.07488" r="18" fill="#d0cde1"></circle><circle cx="106.71631" cy="165.07488" r="10" fill="#62ad9b"></circle><path d="M294.32622,498.14l4.849-6.363-.79538-.60612,3.26924-4.29005a9.60622,9.60622,0,0,0-1.8182-13.46321l-11.76129-8.96273a9.60622,9.60622,0,0,0-13.46325,1.81794L246.85372,502.691a9.60627,9.60627,0,0,0,1.81816,13.46326l11.7613,8.96273a9.60628,9.60628,0,0,0,13.46329-1.818l12.96708-17.016.79538.60612,4.84894-6.363-.79537-.60612,1.81835-2.38612Z" transform="translate(-111.14185 -58.79171)" fill="#3f3d56"></path><circle cx="173.71657" cy="422.07514" r="5" fill="#d0cde1"></circle><path d="M245.35815,477.36659s5,41,14,39,7-43,0-43S245.35815,477.36659,245.35815,477.36659Z" transform="translate(-111.14185 -58.79171)" fill="#ffb8b8"></path><path d="M214.35815,280.36659s-4,12-2,31,7,83,7,83,8,69,20,74l3,14,23-4-3-17a17.31349,17.31349,0,0,0,0-11c-2-6-18-161-18-161S240.35815,265.36659,214.35815,280.36659Z" transform="translate(-111.14185 -58.79171)" fill="#575a89"></path></svg>
+        </div>
+      
+      <h1> 404 Error.</h1>
+      <p> We can't find the page you're looking for.</p>
+      <button>
+        <a href="{% url 'home' %}" style="text-decoration:none;color:#fff;">
+        Back to home
+      </a>
+    </button>
+    </div>
+  </div>
+{% endblock %}

socials/base/templates/base/Otherprofile.html

@@ -0,0 +1,61 @@
+{% extends 'main.html' %}
+{% load static %} 
+
+{% block styles %}
+<link rel="stylesheet" href="{% static 'styles/otherprofile.css' %}" />
+{% endblock %}
+
+<!-- Title -->
+{% block title %}
+<title>Profile</title>
+{% endblock %}
+
+{% block content %}
+
+<div class="container" style="margin-top:20px;">
+    <div class="row m-b-r m-t-3"  style="margin-top:40px;">
+        <div class="col-md-2 offset-md-1">
+            <img src="{{ page_user.profileimg.url }}" alt="profileimg" class="img-circle rounded-circle img-fluid" style="height: 180px; width: 150px;">
+        </div>
+        <div class="col-md-9 p-t-2"  style="margin-top:20px;">
+            <h2 class="h2-responsive">@{{page_user.username}} </h2>
+            <form action="/follow" method="POST">
+                {% csrf_token %}
+            <input type="hidden" value="{{page_user.username}}" name="user" />
+            <input type="hidden" value="{{request.user.username}}" name="follower" />
+
+            {% if page_user.id != request.user.id %}
+            <a data-ripple="">
+            <button type="submit" class="btn btn-success follow-btn" style="position: relative;left: 300px; bottom: 40px;">{{button_text}}</button></h2>
+            </a>
+            {% endif %}
+
+            <p class="profile-name">{{page_user.fname}}</p>
+            <p style="position: relative;left: 20px;">{{page_user.description}}</p>
+            <ul class="flex-menu">
+                
+                <li><strong>{{num_posts}}</strong> posts</li>
+                <li><strong>{{user_followers}}</strong> followers</li>
+                <li><strong>{{user_following}}</strong> following</li>
+            </ul>
+           </form>
+        </div>
+    </div>
+    <hr class="border border-1 border-success">
+
+    <div class="row">
+        {% for post in logged_in_user_posts %}
+        <div class="col-sm-12 col-md-6 col-lg-4">
+            <div class="view overlay hm-black-light m-b-2">
+                <a href="{{post.image.url}}">
+                <img src="{{post.image.url}}" class="img-fluid cursor-pointer" alt="" style="height: 250px;">
+                </a>
+            </div>
+        </div>
+        {% endfor %}
+    </div>
+
+</div>
+
+{% endblock %}
+

socials/base/templates/base/add_comment.html

@@ -0,0 +1,25 @@
+{% extends 'main.html' %}
+
+<title>
+    Comment on Blog Post
+</title>
+
+{% block content %}
+
+    
+    <div class="container shadow p-3 mb-5 bg-body rounded"  style="width: 65%;margin-top: 30px;">
+        <h1 style="text-align:center; margin-top:10px; color:#1e3c72;font-weight: bolder">Add Comment</h1>
+    <br/>
+    <div class="form-group" style="font-weight: 600;line-height: 2.5;">
+        <form method="POST">
+            {% csrf_token %}
+            {{ form.as_p }}
+            <br>
+            <button class="btn btn-primary btn-block" style="width:200px;position: relative;left:40%;
+            background: linear-gradient(to right,#373B44 ,#4286f4 );">Add Comment</button>
+        </form>
+    </div>
+    </div>
+
+
+{% endblock %}

socials/base/templates/base/add_post.html

@@ -0,0 +1,30 @@
+{% extends 'main.html' %}
+{% load static %} 
+{% block styles %}
+<link rel="stylesheet" href="{% static 'styles/post.css' %}" />
+{% endblock %}
+
+<title>
+    Add a new  Post
+</title>
+
+{% block content %}
+{% if user.is_authenticated %}
+   
+    <div class="container shadow p-3 mb-5 bg-body rounded con" style="width: 80%;margin-top: 30px;">
+        <h1 style="text-align:center; margin-top:10px;color:#9a35dd;font-weight: bolder">Add Post</h1>
+        <br>
+    <div class="form-group" style="font-weight: 600;line-height: 2.5;">
+        <form method="POST" enctype="multipart/form-data">
+            {% csrf_token %}
+            {{ form.media }}
+            {{ form.as_p }}
+            <br>
+            <button class="btn btn-primary btn-block" style="width:200px;position: relative;left:40%;
+            background: linear-gradient(to right,#623dc6 ,#9a35dd );">Post</button>
+        </form>
+    </div>
+    </div>
+    <br/><br/>
+{% endif %}
+{% endblock %}

socials/base/templates/base/change-password.html

@@ -0,0 +1,27 @@
+{% extends 'main.html' %}
+<title>Change Password</title>
+{% block content %}
+
+
+<div class="container shadow p-3 mb-5 bg-body rounded " style="width: 50%;margin-top: 30px;">
+    <h1  style="text-align:center;color:#9a35dd;margin-top: 10px;font-weight: bolder;">Change Password...</h1>
+<br/><br/>
+<div class="form-group" style="font-weight: 600;line-height: 2.5;">
+    <form method="POST">
+        {% csrf_token %}
+        {{ form.as_p}}
+        
+        <button class="btn btn-primary btn-block" style="width:200px;position: relative;left:35%;
+        background: linear-gradient(to right,#623dc6 ,#9a35dd );">Change Password</button>
+        <br/><br/>
+        <ul>
+            <li class="text-muted">Your password can't be too similar to your other personal information.</li>
+            <li class="text-muted">Your password must contain atleast 8 characters.</li>
+            <li class="text-muted">Your password can't be a commonly used password.</li>
+            <li class="text-muted">Your password can't be entirely numeric.</li>
+        </ul>
+    </form>
+</div>
+</div>
+
+{% endblock %}

socials/base/templates/base/create_user_profile.html

@@ -0,0 +1,35 @@
+{% extends 'main.html' %}
+
+<title>Create User Profile</title>
+
+{% block content %}
+{% if user.is_authenticated %}
+   
+<div class="container">
+        <h1 style="text-align: center; font-weight: bold; margin-top: 30px; color: #b512d2;">Create User Profile</h1>
+        <br/>
+    <div class="form-group">
+        <form method="POST" enctype="multipart/form-data" style="width: 50%; position: relative;left: 300px;">
+            {% csrf_token %}
+            {{ form.as_p }}
+            <button class="btn" style="background-color: #b512d2;color: #fff;position: relative;left: 200px;">Create Profile Page</button>
+        </form>
+        <br/>
+        <br/>
+    </div>
+    </div>
+
+{% else %}
+<div class="card container shadow p-3 mb-5 bg-body rounded" style="width: 65%;margin-top: 150px;">
+    <h3 class="delete-title"  style="text-align:center;color:#1e3c72; margin-top: 10px;font-weight: bolder"> <span style="color:#b512d2;">Login required to view this page</span ></h3>
+    <div class="container"  >
+    <div class="form-group" style="text-align: center;">
+        <br/>
+        <a href="{% url 'signup' %}" style="text-decoration: none; color: #fff;">
+            <button class="btn" style="width:200px;position: relative;left: 1%; background-color: #b512d2; color: #fff;">Sign Up</button>
+        </a>
+    </div>
+    </div>
+</div>
+{% endif %}
+{% endblock %}

socials/base/templates/base/delete_post.html

@@ -0,0 +1,33 @@
+{% extends 'main.html' %}
+{% load static %}
+
+<title>
+     Delete Post
+</title>
+
+{% block styles %}
+<!-- Replace {name} with the respective css file -->
+<link rel="stylesheet" href="{% static 'styles/deletepost.css' %}" />
+{% endblock %}
+
+{% block content %}
+{% if user.is_authenticated %}
+    <br/><br/>
+    <div class="card container shadow p-3 mb-5 bg-body rounded" style="width: 65%;margin-top: 150px;">
+    <h3 class="delete-title"  style="text-align:center;color:#1e3c72; margin-top: 10px;font-weight: bolder">Delete: <span style="color:#DC3545;">{{post.title}}</span ></h3>
+    <div class="container"  >
+    <div class="form-group" style="text-align: center;">
+        <form method="POST">
+            {% csrf_token %}
+            <br>
+            <strong class="warning-text" style="position: relative;left: 1%;" >Are you sure?</strong><br/>
+           <br>
+            <button class="btn btn-danger delete-post" style="width:200px;position: relative;left: 1%;">Delete Post</button>
+        </form>
+    </div>
+    </div>
+</div>
+{% else %}
+Login required to delete
+{% endif %}    
+{% endblock %}

socials/base/templates/base/edit_profile_page.html

@@ -0,0 +1,39 @@
+{% extends 'main.html' %}
+
+<title>Edit Profile Page</title>
+
+{% block content %}
+{% if user.is_authenticated %}
+<!-- {%  if user.id == profile.user.id  %} -->
+
+    <div class="container shadow p-3 mb-5 bg-body rounded" style="width: 50%;margin-top: 30px;">
+        <h1 style="text-align:center; margin-top:10px; color:#9a35dd;font-weight: bolder;">Edit Profile Page</h1>
+    <div class="form-group" style="font-weight: 600;line-height: 2.5;">
+        
+    
+    <br/>
+        <form method="POST" enctype="multipart/form-data">
+            {% csrf_token %}
+            {{ form.as_p }}
+            <br>
+            <button class="btn btn-primary btn-block" style="width:200px;position: relative;left:35%;
+            background: linear-gradient(to right,#623dc6 ,#9a35dd );">Update Profile Page</button>
+        </form>
+    </div>
+    </div>
+    <br/><br/>
+
+    <!-- Javascript -->
+    <script>
+         var name="{{ user.first_name }}"
+         document.getElementById("elder").placeholder=name;
+    </script>
+
+{% else %}
+    Login required to view
+{% endif %} 
+
+<!-- {% else %}
+You are not the correct user to edit the page
+{% endif %} -->
+{% endblock %}

socials/base/templates/base/friends.html

@@ -0,0 +1,48 @@
+{% extends 'main.html' %} {% load static %} {% block styles %}
+<!-- Replace {name} with the respective css file -->
+<link rel="stylesheet" href="{% static 'styles/friends.css' %}" />
+{% endblock %}
+
+{% block content %}
+<div class="container friends">
+    <div class="row" style="margin-top:100px;">
+        <div class="col-md-4">
+          <div class="profile-card" data-tilt>
+            <div class="profile-card-header">
+              <div class="profile-image"></div>
+          
+              <div class="profile-info">
+                <h3 class="profile-name">{{page_user.fname}}</h3>
+                <p class="profile-desc">{{page_user.caption}}</p>
+              </div>
+            </div>
+          
+            <div class="profile-card-body">
+              <ul class="status">
+                <li>
+                  <span class="status-value">532</span>
+                  <span class="status-text">Posts</span>
+                </li>
+          
+                <li>
+                  <span class="status-value">1.5m</span>
+                  <span class="status-text">Followers</span>
+                </li>
+          
+                <li>
+                  <span class="status-value">423</span>
+                  <span class="status-text">Following</span>
+                </li>
+              </ul>
+          
+              <div class="action">
+                <button class="btn btn-danger follow">Follow</button>
+              </div>
+            </div>
+          </div>
+
+        </div>
+    </div>
+</div>
+<script src="{% static 'scripts/vanilla-tilt.js' %}"></script>
+{% endblock %}

socials/base/templates/base/home.html

@@ -0,0 +1,281 @@
+<!-- {% extends 'main.html' %} -->
+{% load static %} 
+
+{% block styles %}
+<link rel="stylesheet" href="{% static 'styles/home.scss' %}" />
+
+<!-- Icons -->
+<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.1.6/css/unicons.css">
+
+ <!-- Font-awesome -->
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+ <style>
+  
+  #heart.red {
+    color: red;
+  }
+ </style>
+
+{% endblock %}
+
+<!-- Title -->
+{% block title %}
+<title>Dashboard</title>
+{% endblock %}
+
+{% block content %} 
+<nav>
+  <div class="container">
+    <div class="log">
+      <img src="{% static 'images/truffle.png' %}" style="height:75px;cursor:pointer;">
+    </div>
+
+    <!-- Search bar -->
+    <form action="/search" method="POST">
+      {% csrf_token %}
+      <div class="search-bar">
+          <input type="search" placeholder="Search for other users" name="username">
+          <button type="submit"><i class="uil uil-search"></i> </button> 
+      </div>
+      </form>
+
+
+      <div class="create">
+        {% if user.is_authenticated %}
+        <a href="{% url 'logout' %}">logout</a>
+        {% else %}
+       <a href="{% url 'signup' %}">Signup</a>
+      <a href="{% url 'login' %}">Login</a>
+       {% endif %}
+         <button class="btn btn-primary">
+            <a href="{% url 'add_post' %}" style="color: #fff;text-decoration: none;">Create Post</a>
+         </button>
+          <div class="profile-photo" style="cursor:pointer;">
+            <a class="profile" href="{% url 'show_profile_page' user.profile.id %}" style="text-decoration: none;">
+           <img src="{{user_profile.profileimg.url}}" alt="profile-photo">
+            </a>
+         </div>
+      </div>
+  </div>
+</nav>
+
+<!-- MAIN -->
+
+<main style="background-color:rgb(244, 234, 234); padding-top: 40px;">
+  <div class="container">
+      <div class="left">
+        {% if user.is_authenticated %}
+
+         <a class="profile" href="{% url 'show_profile_page' user.profile.id %}" style="text-decoration: none;">
+          <div class="profile-photo" style="cursor:pointer;">
+          <img src="{{user_profile.profileimg.url}}" alt="profile-1">
+          </div>
+          <div class="handle">
+              <h4 style="text-decoration: none;">{{user_profile.fname}}</h4>
+              <p class="text-muted">
+                {{user_profile.username}}
+              </p>
+          </div>
+         </a>
+  
+         {% endif %}
+         <!-- sidebar -->
+         <div class="sidebar">
+          <a class="menu-item active" href="{% url 'home' %}" style="text-decoration: none;">
+              <span><i class="uil uil-home"></i></span><h3>Home</h3>
+          </a>
+          <a class="menu-item" href="{% url 'add_post' %}" style="text-decoration: none;">
+              <span><i class="uil uil-compass"></i></span><h3>
+                Add Post
+            </h3>
+          </a>
+              
+              <a class="menu-item" href="{% url 'edit_profile_page' user.profile.id %}" style="text-decoration: none;">
+              <span><i class="uil uil-edit"></i></span>
+              <h3>Edit Profile</h3>
+              </a>
+
+              
+              <a class="menu-item" href="{% url 'show_profile_page' user.profile.id %}" style="text-decoration: none;">
+              <span><i class="uil uil-bookmark"></i></span><h3>Profile</h3>
+              </a>
+
+              <a class="menu-item" href="/password" style="text-decoration: none;">
+                <span><i class="uil uil-lock"></i></span><h3>Change Password</h3>
+                </a>
+         </div>
+         <!-- end of sidebar -->
+         <button class="btn btn-primary">
+            <a href="{% url 'add_post' %}" style="color: #fff;text-decoration: none;">Create Post</a>
+         </button>
+      </div>
+      <!-- END OF LEFT -->
+
+      <div class="middle">
+          <!-- FEED -->
+          <div class="feeds">
+              <!-- FEED 1 -->
+              {% if count_posts == 0  %}
+              <div class="empty-state">
+                <div class="empty-state__content">
+                  <div class="empty-state__icon">
+                    <img src="{% static 'images/home/not-found.webp' %}" alt="">
+                  </div>
+                  <div class="empty-state__message" style="color: #9a35dd;font-weight: bold;font-size: 30px; text-align: center;">No posts has been added yet.</div>
+                  <br/><br/><br/>
+                </div>
+              </div>
+              {% else %}
+              {% for post in all_posts reversed %}
+              <div class="feed">
+                  <div class="head">
+                      <div class="user">
+                          <div class="profile-photo">
+                            <a href="{% url 'show_profile_page' post.profileid %}">
+                              <img src="{{ post.get_owner_pp }}" alt="profile-13" style="width:50px;">
+                            </a>
+                          </div>
+                          <div class="ingo">
+                              <h3>{{ post.author }}</h3>
+                              <small>{{ post.location }}</small>
+                          </div>
+                          
+                      </div>
+                      <span class="edit">
+                          <!-- <i class="uil uil-ellipsis-h"> -->
+                            <ul>
+                                <li> 
+                                  <!-- Edit post -->
+                                  {% if user.is_authenticated %}  
+                                  {% if user.id == post.author.id %}
+                                  <a href="{% url 'update_post' post.pk %}" class="pencil-icon"><i class="fa-solid fa-pencil"></i></a>
+                                   &nbsp;&nbsp;
+                                  <!-- Delete post -->
+                                  <a href="{% url 'delete_post' post.pk %}" class="delete-icon"><i class="fa-solid fa-trash-arrow-up"></i></a> 
+                                  {% endif %}
+                                  {% endif %}
+                              </li>
+                            </ul>
+                          <!-- </i> -->
+                        
+                      </span>
+
+                  </div>
+                  <div class="photo">
+                    <a href="{{ post.image.url }}">
+                      <img src="{{ post.image.url }}" alt="feed-1" style="height: 450px;">
+                    </a>
+                  </div>
+                  <div class="action-buttons">
+                      <div class="interaction-buttons">
+                        <!-- Like post -->
+                             <a href="/like-post?post_id={{post.id}}" style="text-decoration: none;">
+                              <i class="fa-solid fa-heart" id="heart" ></i>  
+                            </a>
+                            <a href="{% url 'add_comment' post.pk %}" style="color: #000;">
+                                  <span><i class="uil uil-comment-dots"></i></span>
+                            </a>
+
+                      </div>
+
+                         <!-- Downloading th post-img -->
+                         <a href="{{post.image.url}}" class="flex items-center space-x-2 flex-1 justify-end" style="text-decoration: none;" download>
+                          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="25" height="25" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8.5 1.5A1.5 1.5 0 0 1 10 0h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h6c-.314.418-.5.937-.5 1.5v6h-2a.5.5 0 0 0-.354.854l2.5 2.5a.5.5 0 0 0 .708 0l2.5-2.5A.5.5 0 0 0 10.5 7.5h-2v-6z"/></g></svg> 
+                        </a>
+                  </div>
+
+                <!-- Like section -->
+                  <div class="liked-by">
+                    {% if post.no_of_likes == 0 %}
+                    <p><b>No Likes</b></p>
+                    {% else %}
+                      <p><b>Liked by {{post.no_of_likes}} person</b></p>
+                    {% endif %}
+                  </div>
+      
+                  <div class="caption">
+                      <p><b>{{ post.author }}</b> {{ post.caption|safe }}</p>
+                  </div>
+
+              
+<a data-bs-toggle="modal" data-bs-target="#staticBackdrop" style="cursor: pointer;">
+  View all comments
+</a>
+
+<!-- Modal -->
+<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h1 class="modal-title fs-5" id="staticBackdropLabel">Comments</h1>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+
+        {% if not post.comments.all %}
+        No Comments yet.. <a href="{% url 'add_comment' post.pk %}" >Add Comment</a>
+         {% else %}
+        {% for comment in post.comments.all %}
+        <strong>{{ comment.name }}-{{ comment.date_added }}</strong>
+        <br/>
+        {{ comment.body }}
+        <br/>
+        <hr>
+        {% endfor %} 
+        {% endif %}
+        
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+</div>
+
+{% endfor %}
+{% endif %}
+
+</div>
+</div>
+<div class="right">
+      <div class="friend-requests">
+          <h4 style="color:rgb(107,76,230)">User Suggestions</h4>
+          <div class="request">
+              <div class="ingo">
+                {% for user in suggestion_users %}
+                  <div class="profile-photo">
+                    <a href="{% url 'show_profile_page' user.id %}">
+                      <img src="{{ user.profileimg.url }}">
+                    </a>
+                  </div>
+                  <div>
+                      <h5>{{user.fname}} {{user.lname}}</h5>
+                      <p class="text-muted">
+                            {{user.description}} 
+                      </p>
+                      
+                      </div>
+                  
+                  <hr>
+                  {% endfor %}
+                  </div>
+         </div>
+      </div>
+    </div>
+  </div>
+</main>
+</div>
+
+<script type="text/javascript">
+
+ (function() {
+  const heart = document.getElementById('heart');
+  heart.addEventListener('click', function() {
+    heart.classList.toggle('red');
+  });
+})();
+
+</script>
+{% endblock %}

socials/base/templates/base/login.html

@@ -0,0 +1,38 @@
+<!-- {% extends 'main.html' %} -->
+{% load static %} 
+{% block styles %}
+<!-- Replace {name} with the respective css file -->
+<link rel="stylesheet" href="{% static 'styles/signup.scss' %}" />
+{% endblock %}
+
+{% block content %} 
+<div class="container">
+<div class="form-container sign-in-container">
+    <form action="{% url 'login' %}" method="POST">
+        {% csrf_token %}
+        <h1 style="color:rgb(107,76,230)" style="position:relative;bottom:15px;">Sign in</h1>
+        <input type="text" placeholder="Username" name="username" />
+        <br>
+        <input type="password" placeholder="Password" name="password" />
+        <br/>
+        <button>Sign In</button>
+    </form>
+</div>
+
+<div class="overlay-container">
+    <div class="overlay">
+        <div class="overlay-panel overlay-right">
+            <h1>Not a User?</h1>
+            <p>Enter your personal details to Sign Up</p>
+            <button class="ghost" id="'signUp">
+                <a href="{% url 'signup' %}" style="text-decoration:none;color:#fff;">
+                Sign Up
+                </a>
+            </button>
+        </div>
+    </div>
+</div>
+</div>
+</div>
+
+{% endblock %}

socials/base/templates/base/password_success.html

@@ -0,0 +1,15 @@
+{% extends 'main.html' %}
+<title>Password updated</title>
+{% block content %}
+
+<div class="card container shadow p-3 mb-5 bg-body rounded" style="width: 65%;margin-top: 150px;">
+    <h3 class="delete-title"  style="text-align:center;color:#9a35dd; margin-top: 10px;font-weight: bolder">Your Password Was Changed Successfully...</h3>
+    <br/>
+    <button style="background-color: #9a35dd;border-color: #9a35dd; width: 40%; position: relative;left: 220px;">
+        <a href="{% url 'home' %}" style="color: #fff; text-decoration: none;">
+          Go back
+        </a>
+    </button>
+</div>
+
+{% endblock %}

socials/base/templates/base/profile.html

@@ -0,0 +1,40 @@
+{% extends 'main.html' %} {% load static %} {% block styles %}
+<!-- Replace {name} with the respective css file -->
+<link rel="stylesheet" href="{% static 'styles/profile.css' %}" />
+{% endblock %}
+
+{% block content %}
+<div class="profile-card">
+	<div class="profile-card-header">
+		<div class="profile-image"></div>
+
+		<div class="profile-info">
+			<h3 class="profile-name">{{request.user.first_name}} {{request.user.last_name}}</h3>
+			<p class="profile-desc">Developer/Conent Creator</p>
+		</div>
+	</div>
+
+	<div class="profile-card-body">
+		<ul class="status">
+			<li>
+				<span class="status-value">532</span>
+				<span class="status-text">Posts</span>
+			</li>
+
+			<li>
+				<span class="status-value">1.5m</span>
+				<span class="status-text">Followers</span>
+			</li>
+
+			<li>
+				<span class="status-value">423</span>
+				<span class="status-text">Following</span>
+			</li>
+		</ul>
+
+		<div class="action">
+			<button class="btn btn-success" style="position: relative;left: 80px;">Follow</button>
+		</div>
+	</div>
+</div>
+{% endblock %}

socials/base/templates/base/search.html

@@ -0,0 +1,55 @@
+
+
+{% extends 'main.html' %} {% load static %} {% block styles %}
+
+<link rel="stylesheet" href="{% static 'styles/search.css' %}" />
+{% endblock %}
+
+{% block content %}
+
+<main>
+{% if username_profile_list %}
+{% for users in username_profile_list %}
+  <article class="profile">
+    <div class="profile__bg"></div>
+    <div class="profile__info">
+      <h2 class="profile__name" style=" color: rgb(2, 60, 77);">{{users.fname}} {{users.name}}</h2>
+      <p style="font-weight: bold; color: rgb(2, 71, 90);">@{{users.username}}</p>
+      <p class="profile__location text-muted" style=" color: rgb(2, 61, 78);">{{users.description}}</p>
+      <div class="profile__stats">
+        <div class="stat">
+          <p class="stat__number">80K</p>
+          <p class="stat__name">Followers</p>
+        </div>
+       
+      </div>
+    </div>
+    <div class="profile__img__container">
+      <a href="{% url 'show_profile_page' users.id %}">
+      <img class="profile__img" src="{{users.profileimg.url}}">
+      </a>
+    </div>
+  </article>
+  {% endfor %}
+  {% else %}
+  <div class="empty-state">
+    <div class="empty-state__content">
+      <div class="empty-state__icon">
+        <img src="{% static 'images/home/not-found.webp' %}" alt="" style="position: relative;left: 300px;">
+      </div>
+      <div class="empty-state__message" style="color: #9a35dd;font-weight: bold;font-size: 30px; text-align: center;">No Users found
+        <br/><br/>
+        <a href="{% url 'home' %}" style="text-decoration: none; color: #fff;">
+            <button type="submit" class="btn btn-success">Go back</button>
+        </a>
+     </div>
+      <br/><br/><br/>
+      
+    </div>
+  </div>
+  {% endif %}
+</main>
+
+
+
+{% endblock %}

socials/base/templates/base/signup.html

@@ -0,0 +1,45 @@
+<!-- {% extends 'main.html' %} -->
+{% load static %} 
+{% block styles %}
+<!-- Replace {name} with the respective css file -->
+<link rel="stylesheet" href="{% static 'styles/signup.scss' %}" />
+{% endblock %}
+
+{% block content %} 
+<div class="container" id="container">
+
+<div class="form-container sign-in-container">
+    <form action="{% url 'signup' %}" method="POST">
+        {% csrf_token %}
+        <h1 style="color:rgb(107,76,230)" style="position:relative;bottom:15px;">Sign Up</h1>
+        <input type="text" placeholder="Username" name="username" id="username" />
+        <br>
+        <input type="email" placeholder="Email" name="email" id="email" />
+        <br>
+        <input type="password" placeholder="Password" name="password" id="password" />
+        <br>
+        <button>Sign Up</button>
+    </form>
+
+</div>
+<div class="overlay-container">
+    <div class="overlay">
+        <div class="overlay-panel overlay-left">
+            <h1>Welcome Back User!</h1>
+            <p>Login to stay connected</p>
+            <button class="ghost" id="signIn">Sign In</button>
+        </div>
+        <div class="overlay-panel overlay-right">
+            <h1>Already a User?</h1>
+            <p>Enter your personal details to Sign In</p>
+            <button class="ghost" id="'signUp">
+              <a href="{% url 'login' %}" style="text-decoration:none;color:#fff;">
+                Login
+                </a>
+            </button>
+        </div>
+    </div>
+</div>
+</div>
+
+{% endblock %}

socials/base/templates/base/update_post.html

@@ -0,0 +1,36 @@
+{% extends 'main.html' %}
+{% load static %} 
+
+<title>
+    Edit Blog Post
+</title>
+
+{% block styles %}
+<!-- Replace {name} with the respective css file -->
+<link rel="stylesheet" href="{% static 'styles/update_post.css' %}" />
+{% endblock %}
+
+{% block content %}
+{% if user.is_authenticated %}
+{% if user.id == post.author.id %}
+    
+    <div class="container shadow p-3 mb-5 bg-body rounded" style="width: 80%;margin-top: 30px;">
+        <h1 style="text-align:center;color:#1e3c72; margin-top: 10px;font-weight: bolder">Update Post</h1>
+    <br/><br/>
+    <div class="form-group" style="font-weight: 600;line-height: 2.5;">
+        <form method="POST">
+            {% csrf_token %}
+            {{ form.media }}
+            {{ form.as_p }}
+            <br>
+            <button class="btn btn-primary btn-block" style="width:200px;position: relative;left:40%;
+            background: linear-gradient(to right,#373B44 ,#4286f4 );">Update</button>
+        </form>
+    </div>
+    <br/><br/>
+    </div>
+    
+{% endif %}
+{% endif %}
+
+{% endblock %}

socials/base/tests.py

@@ -0,0 +1,16 @@
+from django.test import TestCase, Client
+from django.urls import reverse
+
+class HealthCheckTest(TestCase):
+    def test_health_check(self):
+        client = Client()
+        response = client.get(reverse('health'))
+        self.assertEqual(response.status_code, 200)
+        self.assertEqual(response.json(), {"status": "ok"})
+
+class ApiPostsTest(TestCase):
+    def test_api_posts(self):
+        client = Client()
+        response = client.get(reverse('api_posts'))
+        self.assertEqual(response.status_code, 200)
+        self.assertEqual(response.json(), [])

socials/base/urls.py

@@ -0,0 +1,33 @@
+from django.urls import path
+from django.conf import settings
+from django.conf.urls.static import static
+from .views import AddPostView,EditProfilePageView,CreateProfilePageView,PasswordsChangeView,FriendView,AddCommentView,DeletePostView,UpdatePostView,ShowProfilePageView
+from . import views
+from django.contrib.auth import views as auth_views
+
+urlpatterns = [
+    path('', views.home,name='home'),
+    path('login/', views.login,name='login'),
+    path('logout/', views.logout,name='logout'),
+    path('signup/', views.signup,name='signup'),
+    path('<int:pk>/edit_profile_page/',EditProfilePageView.as_view(),name='edit_profile_page'),
+    path('<int:pk>/profile/',ShowProfilePageView.as_view(),name='show_profile_page'),
+    path('create_profile_page/',CreateProfilePageView.as_view(),name='create_profile_page'),
+    path('add_post/',AddPostView.as_view(),name="add_post"),
+    path('password/',PasswordsChangeView.as_view(template_name='base/change-password.html')),
+    path('password_success/', views.password_success, name="password_success"),
+    path('friends/',FriendView.as_view(),name='friends'),
+    path('post/<int:pk>/comment/',AddCommentView.as_view(),name='add_comment'),
+    path('like-post',views.like_post,name='like-post'),
+    path('post/<int:pk>/remove',DeletePostView.as_view(),name="delete_post"),
+    path('post/edit/<int:pk>',UpdatePostView.as_view(),name="update_post"),
+    path('search',views.search,name='search'),
+    path('follow',views.follow,name='follow'),
+    path('health', views.health_check, name='health'),
+    path('api/posts', views.api_posts, name='api_posts'),
+]+ static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
+
+
+
+if settings.DEBUG:
+    urlpatterns+=static(settings.STATIC_URL,document_root=settings.STATIC_ROOT)

socials/base/views.py

@@ -0,0 +1,274 @@
+from multiprocessing import context
+from django.shortcuts import render,HttpResponse,redirect,get_object_or_404
+from django.contrib.auth import authenticate, login as auth_login, logout as auth_logout,update_session_auth_hash
+from django.contrib import messages
+from django.contrib.auth.decorators import login_required
+from django.contrib.auth.hashers import make_password
+from django.template.loader import render_to_string
+from django.contrib.auth.models import User
+from django.contrib.auth import get_user_model
+from django.conf import settings
+from django.views.generic import DetailView,CreateView
+from django.contrib.auth.views import PasswordChangeView
+from .models import *
+from django.urls import reverse_lazy,reverse
+from django.views import generic
+from django.views.generic import ListView,DetailView,CreateView,UpdateView,DeleteView
+from .forms import *
+from django.http import HttpResponseRedirect, JsonResponse
+from django.contrib.auth.decorators import login_required
+from itertools import chain
+import random
+
+# Create your views here.
+@login_required(login_url='signup')
+def home(request):
+    user_object = User.objects.get(username=request.user.username)
+    user_profile = Profile.objects.get(user=user_object)
+    all_users = User.objects.all()
+    all_posts=Post.objects.all()
+    all_profile=Profile.objects.all()
+    count_posts=len(all_posts)
+
+    my_user=[user_profile]
+    suggestion_users=[]
+
+    for user in all_profile:
+        if user not in my_user:
+            suggestion_users.append(user)
+
+    random.shuffle(suggestion_users)
+
+    context={
+        'user_object':user_object,
+        'user_profile':user_profile,
+        'all_users':all_users,
+        'all_posts':all_posts,
+        'all_profile':all_profile,
+        'count_posts':count_posts,
+        'suggestion_users':suggestion_users,
+    }
+    return render(request,"base/home.html",context)
+
+class ShowProfilePageView(DetailView):
+    model = Profile
+    template_name = 'base/Otherprofile.html'
+
+    def get_context_data(self,*args,**kwargs):
+        context=super(ShowProfilePageView,self).get_context_data(*args,**kwargs)
+        page_user=get_object_or_404(Profile,id=self.kwargs['pk'])
+        logged_in_user_posts = Post.objects.filter(author=page_user)
+
+        if FollowersCount.objects.filter(user=page_user).first():
+            button_text='UnFollow'
+        else:
+            button_text='Follow'
+
+        user_followers=len(FollowersCount.objects.filter(user=page_user))
+        user_following=len(FollowersCount.objects.filter(follower=page_user))
+
+        num_posts=len(logged_in_user_posts)
+        context["page_user"]=page_user
+        context['logged_in_user_posts']=logged_in_user_posts
+        context['num_posts']=num_posts
+        context['button_text']=button_text
+        context['user_followers']=user_followers
+        context['user_following']=user_following
+        return context
+    
+def login(request):
+    if request.user.is_authenticated:
+        return redirect('/')
+    if request.method=="POST":
+        login_username=request.POST.get('username', None)
+        user_password=request.POST["password"]
+        user = authenticate(request,username=login_username, password = user_password)
+        if user is not None:
+            auth_login(request, user)
+            messages.add_message(request, messages.INFO, 'You have successfully logged in.')
+            return redirect('/')
+
+        else:
+            messages.add_message(request, messages.INFO, 'Invalid username or password.')
+            return render(request,"base/login.html")
+
+    return render(request,"base/login.html")
+
+def signup(request):
+    if request.user.is_authenticated:
+        return redirect('/')
+    if request.method == 'POST': 
+        email=request.POST['email']
+        password=request.POST['password']
+        username=request.POST['username']
+        email=email.rstrip()
+
+        if email == '' or password == '' or username == '':
+            messages.error(request,"Please fill all the fields.")
+            return render(request,"base/signup.html")
+        
+        elif User.objects.filter(username=username).exists(): 
+            messages.add_message(request, messages.INFO, 'Username already exists.')
+            return render(request,"base/signup.html")
+        
+        elif User.objects.filter(email=email).exists():
+            messages.add_message(request, messages.INFO, 'Email already exists.')
+            return render(request,"base/signup.html")
+
+        else :
+            user = User.objects.create(email=email, username=username, password=make_password(password))
+            user.save() 
+            auth_login(request, user)    
+            messages.add_message(request, messages.INFO, 'You have successfully signed up.')
+            return redirect('/create_profile_page')
+    else:
+        return render(request,"base/signup.html")
+    
+
+def logout(request):
+    auth_logout(request)
+    return redirect('/')
+
+class FriendView(ListView):
+    model = Profile
+    template_name = 'base/friends.html'
+    profiles=Profile.objects.all()
+    ordering = ['-id']
+
+    def get_context_data(self,*args,**kwargs):
+        context=super(FriendView,self).get_context_data(*args,**kwargs)
+        page_user=get_object_or_404(Profile)
+        context["page_user"]=page_user
+        return context
+
+
+class AddPostView(CreateView):
+    model = Post
+    form_class = PostForm
+    template_name = 'base/add_post.html'
+
+class CreateProfilePageView(CreateView):
+    model = Profile
+    form_class=ProfilePageForm
+    template_name="base/create_user_profile.html"
+
+    def form_valid(self,form):
+        form.instance.user=self.request.user
+        return super().form_valid(form)
+
+class EditProfilePageView(generic.UpdateView):
+    model = Profile
+    form_class=EditProfileNewForm
+    template_name='base/edit_profile_page.html'
+    success_url=reverse_lazy('home')
+
+
+class PasswordsChangeView(PasswordChangeView):
+       form_class= PasswordChangingForm
+       success_url= reverse_lazy('password_success')
+
+def password_success(request):
+    return render(request, 'base/password_success.html', {})
+
+class AddCommentView(CreateView):
+    model = Comment
+    form_class = CommentForm
+    template_name = 'base/add_comment.html'
+
+    def form_valid(self,form):
+        form.instance.post_id=self.kwargs['pk']
+        return super().form_valid(form)
+
+
+@login_required(login_url='signup')
+def like_post(request):
+    username=request.user.username
+    post_id=request.GET.get('post_id')
+    post=Post.objects.get(id=post_id)
+    like_filter=LikePost.objects.filter(post_id=post_id,username=username).first()
+
+    if like_filter==None:
+        new_like=LikePost.objects.create(post_id=post_id,username=username)
+        new_like.save()
+
+        post.no_of_likes=post.no_of_likes+1
+        post.save()
+        return redirect('/')
+
+    else:
+        like_filter.delete()
+        post.no_of_likes=post.no_of_likes-1
+        post.save()
+        return redirect('/')
+
+class DeletePostView(DeleteView):
+    model = Post
+    template_name = 'base/delete_post.html'
+    success_url = reverse_lazy('home')
+
+@login_required(login_url='signup')
+def search(request):
+    user_object = User.objects.get(username=request.user.username)
+    user_profile = Profile.objects.get(user=user_object)
+
+    if request.method == 'POST':
+        username = request.POST['username']
+        username_object = Profile.objects.filter(username__icontains=username)
+
+        username_profile = []
+        username_profile_list = []
+
+        for users in username_object:
+            username_profile.append(users.id)
+
+        for ids in username_profile:
+            profile_lists = Profile.objects.filter(id=ids)
+            username_profile_list.append(profile_lists)
+        
+        username_profile_list = list(chain(*username_profile_list))
+    return render(request, 'base/search.html', { 'user_profile':user_profile,'username_profile_list': username_profile_list,'username_profile':username_profile})
+
+class UpdatePostView(UpdateView):
+    model = Post
+    form_class=EditForm
+    template_name = 'base/update_post.html'
+
+def health_check(request):
+    return JsonResponse({"status": "ok"})
+
+def api_posts(request):
+    posts = Post.objects.all()
+    data = []
+    for post in posts:
+        data.append({
+            "id": post.id,
+            "title": post.title,
+            "author": post.author.username,
+            "no_of_likes": post.no_of_likes,
+            "date": post.post_date.strftime("%Y-%m-%d")
+        })
+    return JsonResponse(data, safe=False)
+
+@login_required(login_url='signup')
+def follow(request):
+    if request.method == 'POST':
+        follower = request.POST['follower']
+        user = request.POST['user']
+
+        if FollowersCount.objects.filter(follower=follower, user=user).first():
+            delete_follower = FollowersCount.objects.get(follower=follower, user=user)
+            delete_follower.delete()
+            return redirect('/')
+        else:
+            new_follower = FollowersCount.objects.create(follower=follower, user=user)
+            new_follower.save()
+            return redirect('/')
+    else:
+        return redirect('/')
+
+
+
+
+
+
+

socials/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", "socials.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()

socials/socials/asgi.py

@@ -0,0 +1,16 @@
+"""
+ASGI config for socials 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/4.1/howto/deployment/asgi/
+"""
+
+import os
+
+from django.core.asgi import get_asgi_application
+
+os.environ.setdefault("DJANGO_SETTINGS_MODULE", "socials.settings")
+
+application = get_asgi_application()

socials/socials/settings.py

@@ -0,0 +1,140 @@
+"""
+Django settings for socials project.
+
+Generated by 'django-admin startproject' using Django 4.1.1.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/4.1/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/4.1/ref/settings/
+"""
+
+from pathlib import Path
+import os
+
+# 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/4.1/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = "django-insecure-^bk)o+h%-=9149%=!gxc=-y@9)nnn^-um*x@cvz%o0d4-&_a*6"
+
+# 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",
+    "django_filters",
+    "crispy_forms",
+    "ckeditor",
+]
+
+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 = "socials.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 = "socials.wsgi.application"
+
+
+# Database
+# https://docs.djangoproject.com/en/4.1/ref/settings/#databases
+
+DATABASES = {
+    "default": {
+        "ENGINE": "django.db.backends.sqlite3",
+        "NAME": BASE_DIR / "db.sqlite3",
+    }
+}
+
+
+# Password validation
+# https://docs.djangoproject.com/en/4.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/4.1/topics/i18n/
+
+LANGUAGE_CODE = "en-us"
+
+TIME_ZONE = "UTC"
+
+USE_I18N = True
+
+USE_TZ = True
+
+
+# Static files (CSS, JavaScript, Images)
+# https://docs.djangoproject.com/en/4.1/howto/static-files/
+
+STATIC_URL = "static/"
+
+
+STATICFILES_DIRS=[
+    BASE_DIR / 'static'
+]
+
+#Managing media
+MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
+MEDIA_URL = '/media/'
+
+# Email:
+EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend'
+EMAIL_HOST = 'smtp.gmail.com'
+EMAIL_PORT = 587
+EMAIL_HOST_USER= 'gpkini2002@gmail.com'
+EMAIL_HOST_PASSWORD = ''
+EMAIL_USE_TLS = True
+PASSWORD_RESET_TIMEOUT = 900 #  in seconds # 15 min 
+
+# Default primary key field type
+# https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field
+
+DEFAULT_AUTO_FIELD = "django.db.models.BigAutoField"

socials/socials/urls.py

@@ -0,0 +1,22 @@
+"""socials URL Configuration
+
+The `urlpatterns` list routes URLs to views. For more information please see:
+    https://docs.djangoproject.com/en/4.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,include
+
+urlpatterns = [
+    path("admin/", admin.site.urls),
+    path('',include('base.urls')),
+]

socials/socials/wsgi.py

@@ -0,0 +1,16 @@
+"""
+WSGI config for socials 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/4.1/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+os.environ.setdefault("DJANGO_SETTINGS_MODULE", "socials.settings")
+
+application = get_wsgi_application()