PROJECT REPORT

ON
BLOG WEBSITE

Submitted to
LOVELY PROFESSIONAL UNIVERSITY
in partial fulfillment of the requirements for the award of degree of
Bachelor of Technology (Computer Science and Engineering)

Submitted by: Submitted to:

Name : Shailesh Kumar Mishra Navneet Kaur
Regn. No. : 11808708 Course Code : INT220
Roll No. : RKM048A23 Date of Submission : 19/04/21
Section : KM048

LOVELY FACULTY OF TECHNOLOGY & SCIENCES

LOVELY PROFESSIONAL UNIVERSITY, PUNJAB
April 2021
 Table of Contents

Chapter Particulars Page No.

Chapter 1 Introduction 1-2

Chapter 2 Technologies Used 3

Chapter 3 Modules 4–5

Chapter 4 Screenshots 6–9

Chapter 5 GitHub and Video Link 10

 Chapter 1: Introduction
Topic : Blog Website
1.1. Project Introduction :
Blogging has become such a mania that a new blog is being created every second of
every minute of every hour of every day. A blog is our best bet for a voice among
the online crowd. Blogs were usually the work of a single individual occasionally of
a small group, and often covered a single subject. More recently, "multi-author
blogs" (MABs) have developed, with posts written by large numbers of authors and
professionally edited. MABs from newspapers, other media outlets, universities,
think tanks, advocacy groups, and similar institutions account for an increasing
quantity of blog traffic. The rise of Twitter and other "microblogging" systems helps
integrate MABs and single-author blogs into societal new streams. Blog can also be
used as a verb, meaning to maintain or add content to a blog.

Our Blogging Website can we used to write blogs on various things related to
Technology, Education, News, International, Business, Sports, Entertainment, and
ongoing college activities. The main aim of this project is to provide data to students
in only one site. Students can gather the information from one site as well as give
their feedback as comments.

1.2. Why we choose this Project :

In recent past time Blogs are stored in the paper files and difficult to search or modify
any information, for expanding the Blogs infrastructure, Awareness of
environmental issues or any other issues related to education, health, digital
technology, and search for greater safety give to information to all persons in all age
groups and a new role within the education system, we choose this project. As a
result of these project initiatives phenomenal growth has taken place in all the
activities of blogs and any user can share its information related to any topic to all
users.

Page | 1
1.3. Benefits of Project :
This is a very simple design and implement. It has got following features:
 Data can be saved safely.
 Only authorized users can post blogs.
 Users can comment on blogs.
 Admin can remove spam/unwanted comments.
 Admin can add various categories.
 Friendly UI.
 Free of Cost

1.4. My Contribution in the Project :

I designed the User and Profile Module.
The User Module includes showing all user, and updating or delete user, and
adding new user.
The Profile Module includes updating the current user details.

Member Name, Details and Work Distribution by Modules

1. Peeyush K Madhavan (11807128) : Modules 1.1, 1.2, 2.1
2. Vikash Kumar (11809908) : Modules 2.2. 2.3, 2.4
3. Shailesh Kumar Mishra (11808708) : Modules 2.5 and 2.6

Page | 2
 Chapter 2: Technologies Used

For Front-End
1. HTML

2. CSS

3. JavaScript

4. jQuery

5. Bootstrap

For Database
6. MySQL

For Back-End
7. PHP

Page | 3
 Chapter 3: Modules

This project has two primary modules:

1. Module 1: User
2. Module 2: Admin

User Module
Module 1.1: Index
The Index is the home page of the Website.

It can be divided into three parts: -

a. Header : Consists of the Navbar.
The Navbar displays all the categories and a Link to the Admin Module.
The Admin Module can only be accessed when the user logs in i.e. a when a
session is created. When any category is clicked only the post under the
category is displayed.
b. Body : Shows all the posts.
c. Side Navbar : It consist of three sections-
i. Search Bar to Search Blogs with tags.
ii. Login Form to enter Admin Module.
iii. Categories: When any category is clicked only the post under the
category is displayed.

Module 1.2: Post

This is a dynamic module which is seen when clicked on any post.
It also contains the Header and the Side Navbar from Module 1 and in the Body
Section it Displays the Image and the Full Post.
It also consists of two extra sections i.e. the form to add comment and the posted
comments.

Page | 4
 Admin Module
Module 2.1: Admin Dashboard
This is a dynamic module which consists of three components:
1. Navbar – Helps to Navigate to home and displays the user.
It also allows us to logout and go back to Module 1.
2. Side Navbar
Shows all the functions a admin can perform
3. Body
Shows the number of posts, comment, categories, etc.
It also has a Google Graph which plots the same data.

Module 2.2: Posts

It is divided into two sections.
1. View All Posts – Where admin can view all post and edit or delete them.
2. Add New Post – Allows the admin to add a new post or a draft.

Module 2.3: Categories

This Module allows admin to add new category, view all categories, and edit or delete
other categories.

Module 2.4: Comments

This Module allows admin to approve, un approve or delete comments.

Module 2.5: User

It is divided into two sections.
1. View All Users - This Module allows admin to view all users, change their role, and
edit or delete users.
2. Add New User- This Module consists of a form to add new user.

Module 2.6: Profile

This module is a dynamic user edit form which enable the current logged in user to edit
its information.

Page | 5
Chapter 4: Screenshots

Fig: Module 1.1

Fig: Module 1.2

Page | 6
Fig : Module 2.1

Fig : Module 2.2

Page | 7
Fig : Module 2.3

Fig: Module 2.4

Page | 8
Fig: Module 2.5

Fig: Module 2.6

Page | 9
 Chapter 5: GitHub and Video Link

GitHub: https://github.com/skm22/Blog-Website-in-PHP

G Drive:
https://drive.google.com/drive/folders/1OpzmBOPmKZOMw8J0ZGRZ08jdx9m2P_HZ

References
1. https://www.php.net
2. https://www.w3schools.com