Thanks to visit codestin.com
Credit goes to www.scribd.com

0% found this document useful (0 votes)
8 views41 pages

Blog

This project report outlines the development of a comprehensive blogging website aimed at facilitating content creation and user interaction. It includes features such as user authentication, content management, a commenting system, and an administrative dashboard, all designed to foster a vibrant online community. The report also covers project planning, risk management, and the technical specifications necessary for successful implementation.

Uploaded by

Talha Naro
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
8 views41 pages

Blog

This project report outlines the development of a comprehensive blogging website aimed at facilitating content creation and user interaction. It includes features such as user authentication, content management, a commenting system, and an administrative dashboard, all designed to foster a vibrant online community. The report also covers project planning, risk management, and the technical specifications necessary for successful implementation.

Uploaded by

Talha Naro
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 41

Page 1

Government College University


Faisalabad

A Project Report on
Blogging website
Submitted By

Hafiz Muhammad Talha 412732


Mahmood ul Hassan 412733
Ali hasnain 412708

BS (HONS) IN COMPUTER SCIENCE

_____________________________________________
Department of Computer Science
GOVERNMENT POSTGRADUATE COLLEGE JHANG

Blogging
Page 2

Government College University


Faisalabad

A Project Report on
Blogging website
Submitted By
Hafiz Muhammad Talha 412732
Mahmood ul Hassan 412733
Ali hasnain 412708

A project report submitted in partial fulfillment of the requirements for the degree
of
BS (HONS) IN COMPUTER SCIENCE

_____________________________________________
Department of Computer Science
GOVERNMENT POSTGRADUATE COLLEGE JHAN

Blogging
Page 3

CERTIFICATE OF THE PROJECT

To
The Controller of Examinations

Government College University


Faisalabad.
We, the project evaluation committee, certify that the contents and form of this project

submitted by “Hafiz Muhammad talha, Mahmoud ul Hassan, and Ali hasnain” have been found
satisfactory and thus recommended for the award of Degree.

Project Evaluation Committee:

1. Prof. Muhammad Saleem Raza __________________

2. Prof. Khuram Chatha _____________________________

3. Prof. Zulqarnain Iqbal __________________________

_____________________________________________
Department of Computer Science
GOVERNMENT POSTGRADUATE COLLEGE JHAN

Blogging
Page 4

DECLARATION

The work reported in this Documentation was carried out by us under the supervision of “Sir
Khuram Chatha”, proficient teacher of department of Computer Science, Govt. Post Graduate
College Jhang, Pakistan. We hereby declare that the title of the project “Blogging” and the
contents of project is our own and no part has been copied from any project source code. We
further declare that this work has not been submitted for any award of any other degree diploma.
The college may take action for incorrect information.

Name: Hafiz Muhammad Talha Reg. No.: 2020-GCUF-065137

Name: Mehmood ul Hassan Reg. No.: 2020-GCUF-065138

Name: Ali hasnain Reg. No.: 2020-GCUF-065113

Blogging
Page 5

ACKNOWLEDGEMENT

No one alone can make such kind of project. The contributions of many people, in different
ways, have made it possible. We would like to extend our appreciation especially to the
following. Thank ALLAH for the wisdom and perseverance that he has been bestowed upon me
during this project, and indeed, throughout my life:
"I can do everything with His help who gives me strength in all my dealings."
Last but not least, we would like to thank my parents for their unconditional support not only
financially but also emotionally throughout our degree.

Blogging
Page 6

Abstract

This proposal outlines the development of a comprehensive blogging site designed


to facilitate content creation, user interaction, and effective site management. The
platform will feature essential components such as user authentication through
login and registration pages, a user-friendly interface for creating and managing
posts and categories, and robust search and filtering capabilities. Users will engage
with content through a commenting system, where authors and administrators can
moderate discussions to maintain community standards. Additionally, the site will
include informational pages such as "Contact us," "About us," "FAQs," and a
"Privacy Policy" to enhance user experience and transparency. An administrative
dashboard will empower site admins to monitor content and user activity, ensuring
a safe and enjoyable environment for all users. This blogging site aims to foster a
vibrant community dedicated to sharing knowledge and experiences while
providing a seamless and secure platform for its users.

Blogging
Page 7

Table of Contents

INTRODUCTION............................................................................................ 1
1.1 Purpose of Project .................................................................................. 2
1.2 Project Scope .......................................................................................... 3
1.3 Project Planning ..................................................................................... 5
1.4 Risk Management .................................................................................. 7
1.5 Project Risk ............................................................................................. 9
1.6 Product Risk ............................................................................................. 10
BACKGROUND .......................................................................................... 12
2.1 Area of Studies ....................................................................................... 14
2.2 Tools ......................................................................................................... 16
2.3 Hardware and Software Requirement .................................................... 18
2.4 Main Reasons for Development.............................................................. 20
SYSTEM REQUIREMENTS ........................................................................ 22
3.1 Objective of Project ............................................................................... 24
3.2 Existing Methodologies ......................................................................... 26
3.3 Adapted Methodology ............................................................................ 30
3.4 System Functional and Non-functional Requirements....................... 32
3.5 Interface Specifications ........................................................................ 36
3.6 Literature Survey .................................................................................... 38
SYSTEM DESIGN ....................................................................................... 40
4.1 Use Case Diagram .................................................................................. 42
4.2 Activity Diagram ..................................................................................... 44
4.3 Entity Relationship Diagram................................................................. 46
4.4 System Diagrams .................................................................................... 48

IMPLEMENTATION & TESTING ............................................................. 50


5.1 Implementation...................................................................................... 52
5.2 Testing Methods .................................................................................... 60
5.3 Test Cases............................................................................................... 65
5.4 Integration Testing................................................................................ 70
MANUAL ....................................................................................................... 75
6.1 Screen Shots of Project Modules .......................................................... 77
6.2 Conclusion and Future Extensions ....................................................... 85

Blogging
Page 8

CHAPTER 1
INTRODUCTION
In the digital age, blogging has emerged as a powerful medium for individuals and organizations
to share their thoughts, experiences, and expertise with a global audience. As the demand for
engaging and informative content continues to grow, the need for a user-friendly and efficient
blogging platform becomes increasingly essential. This proposal presents a comprehensive plan
for developing a blogging site that caters to both content creators and readers. The platform will
provide a seamless experience for authors to publish their work, categorize their content, and
engage with their audience through comments.

Additionally, it will offer users the ability to search for posts by title and filter content by author
and category, ensuring easy navigation and access to relevant information. To maintain a high
standard of content quality and user interaction, the site will incorporate features that allow
authors and administrators to moderate comments and manage posts effectively. Informational
pages, such as "About Us,",”Privacy Policy”, "Contact Us," and "FAQs," will enhance user
engagement and provide clarity regarding the site's operations and policies. By prioritizing user
experience, content management, and community engagement, this blogging site aims to create a
vibrant online space that fosters creativity, discussion, and knowledge sharing among its users.

1.1 Purpose of this Project


The purpose of this project is to develop a dynamic and user-centric blogging platform that
empowers individuals and organizations to share their ideas, stories, and expertise with a broader
audience. This platform aims to facilitate content creation by providing authors with intuitive
tools to easily create, edit, and publish blog posts, allowing them to focus on their writing
without technical distractions. Additionally, it seeks to enhance user engagement by fostering an
interactive community where readers can comment on posts, ask questions, and engage in
meaningful discussions, thereby enriching the overall user experience.

Streamlining content management is also a key objective, with robust administrative features
that enable site administrators to monitor and manage content efficiently, ensuring the platform
remains a safe and respectful environment for all users to improve accessibility, effective search
and filtering options will help users quickly find relevant content based on their interests. The
site will also provide essential informational resources, such as "About Us," . ”Privacy Policy”,
"Contact Us," and "FAQs," to inform users about the site’s purpose, policies, and navigation.
Finally, mechanisms for content moderation will be established to allow authors and
administrators to maintain high standards of quality and appropriateness in published content. By
achieving these objectives, this project aims to create a thriving blogging community that
promotes creativity and knowledge sharing while ensuring a positive and engaging experience
for all users.

1.2 Project Scope

Blogging
Page 9

The scope of this project encompasses the development and implementation of a comprehensive
blogging platform designed to cater to both content creators and readers. It will include essential
features such as user authentication through login and registration pages, allowing users to create
and manage their profiles. The platform will facilitate content management with functionalities
for authors to create, edit, and categorize posts, as well as a robust commenting system that
encourages reader interaction.

Administrators will have access to a dedicated dashboard for monitoring and managing content,
ensuring compliance with community standards. The site will also incorporate search and
filtering capabilities to enhance user experience by enabling easy navigation through posts based
on author, category, and title. Informational pages, including "About Us," "Contact Us," and
"FAQs," will provide users with valuable insights about the platform and its policies. While the
initial launch will focus on these core functionalities, the project is designed with scalability in
mind, allowing for future enhancements and features based on user feedback and evolving needs.
By defining this scope, the project aims to deliver a robust, engaging, and user-friendly blogging
site that fosters a vibrant online community.

1.3 Project Planning


Project planning for the blogging site involves a structured approach to ensure timely delivery
and successful implementation of all features. The planning process will begin with a
comprehensive requirements gathering phase, where stakeholders will provide input on desired
functionalities and design preferences. Following this, a detailed project timeline will be
established, outlining key milestones, deliverables, and deadlines.

The development phase will be divided into iterative sprints, allowing for agile methodologies
that promote flexibility and continuous feedback. Each sprint will focus on specific components
of the platform, including user authentication, content management, and the commenting system.
Regular meetings will be scheduled to assess progress, address challenges, and incorporate user
feedback.

Resource allocation will involve assembling a skilled team of developers, designers, and content
managers, ensuring that each member has clear roles and responsibilities. Additionally, a budget
will be established to cover development costs, hosting, and ongoing maintenance.

Testing will be integrated throughout the development process, with both unit and user
acceptance testing to ensure that all features function correctly and meet user expectations. Once
the platform is ready, a marketing strategy will be implemented to promote the site and attract
users.

Finally, a post-launch evaluation will be conducted to gather user feedback and identify areas for
improvement, ensuring that the platform remains responsive to the needs of its community. By
following this comprehensive project planning approach, the blogging site aims to deliver a high-
quality product that fosters engagement and creativity.

1.4 Risk Management

Blogging
Page 10

Risk management is a critical aspect of the project planning process for the blogging site, aimed
at identifying, assessing, and mitigating potential risks that could impact the successful delivery
of the platform. The following key risks have been identified:

 Technical Risks: Challenges related to technology integration, software bugs, or


compatibility issues may arise during development. To mitigate these risks, thorough
testing protocols will be established, including unit testing, integration testing, and user
acceptance testing, ensuring that all components function seamlessly together.
 Resource Risks: The availability of skilled personnel may fluctuate, potentially leading
to delays in project timelines. To address this, a diverse team will be assembled, and
cross-training will be encouraged to ensure that multiple team members can cover critical
roles if needed.

 Scope Creep: As the project progresses, additional features may be requested, leading to
scope creep and potential delays. To manage this, a clear project scope will be defined at
the outset, and any proposed changes will be evaluated through a formal change
management process that assesses their impact on timelines and resources.

 User Adoption Risks: There is a possibility that the target audience may not engage with
the platform as anticipated. To mitigate this risk, a marketing strategy will be developed
early in the project, incorporating user feedback during the design phase to ensure the
platform meets user needs and preferences.

 Security Risks: Protecting user data and ensuring platform security are paramount.
Implementing robust security measures, such as encryption, secure authentication, and
regular security audits, will be essential to mitigate potential vulnerabilities.

 Budget Risks: Unexpected costs may arise, impacting the overall budget. A contingency
fund will be established to address unforeseen expenses, and regular budget reviews will
be conducted to ensure financial oversight throughout the project.

1.5 Project Risks


Project risks refer to potential events or conditions that could adversely affect the successful
completion of the blogging site. Identifying and understanding these risks is crucial for effective
management and mitigation. The following are the primary risks associated with this project:

 Development Delays: Unforeseen challenges during the development phase, such as


technical difficulties or resource availability, could lead to delays in project timelines.
This may impact the overall launch schedule and user expectations.

 Budget Overruns: Costs may exceed initial estimates due to unexpected expenses
related to technology, staffing, or additional features requested during development. This
could strain financial resources and require reallocation or additional funding.

Blogging
Page 11

 User Engagement: The platform may not attract or retain users as anticipated, leading to
lower-than-expected engagement rates. This risk can be mitigated through targeted
marketing strategies and user feedback during the design process.

 Security Vulnerabilities: The risk of data breaches or Cyber Attacks poses a significant
threat to user trust and platform integrity. Ensuring robust security measures, including
encryption and regular security audits, is essential to mitigate this risk.

 Content Quality Control: Maintaining high standards of content quality is crucial for
user satisfaction. The risk of inappropriate or low-quality content being published can be
managed through effective moderation tools and community guidelines.

 Technical Compatibility: Integration issues may arise between different software


components or with third-party services, potentially affecting platform functionality.
Thorough testing and a well-planned architecture will help address these concerns.

 Regulatory Compliance: Changes in data protection laws or regulations could impact


how user data is managed and stored. Staying informed about legal requirements and
implementing necessary adjustments will be vital to compliance.

 Market Competition: The blogging landscape is competitive, with numerous platforms


available to users. Failure to differentiate the site or meet user needs could result in
diminished market share.

1.6 Product Risks


Product risks refer to potential issues that could affect the functionality, usability, and overall
success of the blogging platform. Given the constraints of this project, the application will
operate under specific conditions, which introduce certain risks:

 Connectivity Issues: The application is designed to function on mobile data and Wi-Fi.
Users in areas with weak or unstable internet connections may experience performance
issues, leading to frustration and potential disengagement.

 Device Compatibility: The platform is optimized for Android mobile devices. Users
with older Android versions or devices that do not meet the minimum requirements (such
as RAM and storage) may encounter difficulties accessing or using the application
effectively.

 Camera Functionality: The application will utilize mobile camera features for content
creation. Users with devices lacking a functional camera or those who are unfamiliar with
using camera features may face challenges in creating and uploading content.

 Performance Limitations: With a minimum requirement of 1 GB RAM and 20 MB of


storage space, devices that do not meet these specifications may experience slow
performance, crashes, or limited functionality, negatively impacting user experience.

Blogging
Page 12

 User Experience Variability: Variations in screen size, resolution, and hardware


capabilities among different Android devices may lead to inconsistent user experiences.
Ensuring a responsive design that adapts to various devices is crucial to mitigate this risk.

 Software Updates: Changes in Android OS or related software may introduce


compatibility issues with the application. Regular updates and maintenance will be
necessary to ensure continued functionality across different versions of the operating
system.

 User Adoption: If the application does not meet user expectations or lacks essential
features, there is a risk of low adoption rates. Conducting user research and incorporating
feedback during the development process will be vital to addressing this concern.

Blogging
Page 13

CHAPTER 2
BACKGROUND
2.1 Area of Studies
For a web-based blogging platform utilizing Tailwind CSS for front-end design, Node.js with
Express for back-end development, Mongo DB for database management, and Redux Toolkit for
state management, the following areas of study are essential:

2.1.1 Front-End Development:


Tailwind CSS:
Learn how to use Tailwind CSS to create responsive and modern user interfaces. Understanding
utility-first design principles will help in building components quickly and efficiently.

JavaScript Frameworks:
Familiarity with frameworks like react to effectively integrate Tailwind CSS and manage
component-based architecture.

2.1.2 Back-End Development:


Node.js and Express:
Gain knowledge in building server-side applications using Node.js and Express. This includes
setting up Restful APIs, handling requests, and managing middleware.

Authentication and Authorization:


Understanding how to implement user authentication (e.g., JWT) and authorization mechanisms
to secure the application.

2.1.3 Database Management:


Mongo DB:
Learn how to design and manage a NoSQL database using MongoDB. This includes
understanding document structures, CRUD operations, and indexing for performance
optimization.

2.1.4 State Management:


Redux Toolkit:

Blogging
Page 14

Familiarize yourself with Redux Toolkit for managing application state in a predictable manner.
Understanding concepts like slices, actions, and reducers will be crucial for handling complex
state interactions.

2.1.5 User Experience (UX) Design:


Focus on creating intuitive and engaging interfaces, utilizing Tailwind CSS to enhance user
experience. Conduct user research and usability testing to inform design decisions.

Web Security:
Learn best practices for securing web applications, including data validation, sanitization, and
implementing security measures against common vulnerabilities (e.g., SQL injection, XSS).

Search Engine Optimization (SEO):


Understand how to optimize the web application for search engines, focusing on metadata,
structured data, and performance optimizations.

Responsive Design:
Master responsive design principles to ensure the application works seamlessly across various
devices and screen sizes, leveraging Tailwind CSS's responsive utilities.

Project Management:
Familiarity with Agile methodologies to effectively manage the project lifecycle, including sprint
planning, task management, and team collaboration.

2.2 Hardware and Software Requirements


2.2.1 Software Requirements:

Front-End Technologies:
• Tailwind CSS: For styling and responsive design.
• React: JavaScript library for building user interfaces.
• Redux Toolkit: For state management in React applications.

Back-End Technologies:
• Node.js: JavaScript runtime for server-side development.
• Express: Web framework for Node.js to build APIs.
• MongoDB: NoSQL database for storing user data and blog content.

Development Tools:
• Code Editor: Visual Studio Code or any preferred IDE.
• Version Control: Git for source code management.
• Package Manager: npm or Yarn for managing project dependencies.

Blogging
Page 15

Testing Frameworks:
• Jest: For unit testing JavaScript code.
• React Testing Library: For testing React components.
• Browser: Latest versions of Chrome, Firefox, or Safari for testing and development.

2.2.2 Hardware Requirements:

Development Machine:

• Processor: Dual-core processor (Intel i5 or equivalent) or better.


• RAM: Minimum 8 GB (16 GB recommended for smoother performance).
• Storage: At least 128 GB SSD for faster read/write speeds.

Testing Devices:
• Mobile Devices: Android and iOS devices for testing responsiveness and functionality.
• Desktop/Laptop: Windows, macOS, or Linux systems for development and testing.
Server Requirements (for deployment):
• Processor: Multi-core processor for handling multiple requests.
• RAM: Minimum 2 GB (4 GB recommended for better performance).
• Storage: SSD with at least 10 GB of available space for the application and database.

2.4 Reason for Development


The development of the web-based blogging platform is driven by several key motivations:

Growing Demand for Content Creation:

With the increasing popularity of digital content, there is a significant demand for platforms that
allow users to create, share, and engage with content easily. This platform aims to cater to
individuals and organizations looking to establish their online presence.

User Empowerment:

The platform aims to empower users by providing them with tools to express their thoughts,
share knowledge, and connect with like-minded individuals. By simplifying the blogging
process, users can focus on content creation rather than technical challenges.

Community Building:

The development of this platform seeks to foster a community where users can interact,
collaborate, and provide feedback. Encouraging discussions through comments and social
sharing enhances user engagement and builds a sense of belonging.

Blogging
Page 16

Integration of Modern Technologies:


Leveraging modern technologies such as Tailwind CSS, Node.js, Express, and MongoDB allows
for the creation of a robust, scalable, and efficient platform. These technologies enable rapid
development, better performance, and a responsive user interface.
Customization and Flexibility:

The platform will offer customizable features that allow users to tailor their blogs according to
their preferences. This flexibility enhances user satisfaction and encourages diverse content
creation.

SEO and Visibility:


By focusing on SEO best practices, the platform will help users increase the visibility of their
blogs in search engines. This will attract more readers and enhance the reach of their content.

Learning Opportunity:
The development process itself serves as a valuable learning opportunity for the development
team. By working with cutting-edge technologies and methodologies, team members can
enhance their skills and knowledge in web development.

Market Competitiveness:
Entering the blogging platform market with unique features and a user-friendly interface can
provide a competitive edge. This platform aims to differentiate itself from existing solutions by
focusing on user experience and community engagement.

Monetization Potential:
The platform can explore various monetization strategies, such as premium features, advertising,
or partnerships, providing a sustainable business model that can support ongoing development
and maintenance.

2.4.1 Main Reasons for Development


• Growing Demand for Content Creation
• User Empowerment
• Community Building
• Integration of Modern Technologies
• Customization and Flexibility
• SEO and Visibility
• Learning Opportunity
• Market Competitiveness
• Monetization Potential

Blogging
Page 17

CHAPTER 3
SYSTEM REQUIRMENT

3.1 Objectives of the Project


• User-Friendly Interface: Develop an intuitive and responsive user interface that
enhances user experience and simplifies content creation.
• Robust Content Management: Implement a comprehensive content management
system that allows users to easily create, edit, and manage blog posts.
• Community Engagement: Foster a community environment through features such as
comments, likes, and social sharing to encourage interaction among users.
• Scalable Architecture: Build a scalable back-end architecture using Node.js and
MongoDB to handle increasing user traffic and data efficiently.
• SEO Optimization: Integrate SEO best practices to improve the visibility of user blogs
in search engine results.
• Cross-Platform Compatibility: Ensure the platform is accessible and fully functional
across various devices and browsers.
• Data Security: Implement robust security measures to protect user data and ensure safe
interactions on the platform.
• Analytics and Insights: Provide users with analytics tools to track the performance of
their blogs and understand audience engagement.
• Customization Options: Allow users to customize their blogs with themes, layouts, and
widgets to reflect their personal style.
• Monetization Features: Explore options for monetization, such as premium
subscriptions or advertising, to support the platform's sustainability.

3.2 Existing Methodologies

Blogging
Page 18

The methodologies have the common phases like:


• Requirements
• Analysis
• Design
• Coding
• Testing
• Implement

software development methodology or system development methodology is a framework that is

Blogging
Page 19

use to structure, plan and control the process of developing an information system. Some
methodologies are given below:
• Water Fall Model
• Iterative Model
• Spiral Model

3.2.1 Waterfall Model:


The waterfall model is a sequential design process, used in software development
processes, in which progress is seen as flowing steadily downwards (like a waterfall)
through the phases of conception, requirements, analysis, design, construction, testing.

3.2.2 Iterative Model

Blogging
Page 20

A process for arriving at a decision or desired result by repeating rounds of analysis or a


cycle of operations. The objective is to bring the desired decision or result closer to
discovery with each repetition (iteration). The iterative process can be used where the
decision is not easily recoverable or where the consequences of revocation can be costly.

3.3.1 Spiral Model

Blogging
Page 21

These early papers use the term "process model" to refer to the spiral model as well as to
incremental, waterfall, prototyping, and other approaches. However, the spiral model's
characteristic risk-driven blending of other process models' features is already present: Risk-
driven sub setting of the spiral model steps allows the model to accommodate any appropriate
mixture of a specification-oriented, prototype-oriented, simulation-oriented, automatic
transformation-oriented, or other approach to software development.

3.4 System Functional Requirements

Blogging
Page 22

User Registration and Authentication:


• Users must be able to register for an account using email and password.
• Implement login/logout functionality with secure authentication methods (e.g., JWT).

Profile Management:
• Users should be able to create and edit their profiles, including personal information and
profile pictures.

Content Creation:
• Users must have the ability to create, edit, and delete blog posts.
• Support for rich text formatting (bold, italics, headings, lists, etc.) in blog posts.

Media Upload:
• Allow users to upload images and other media files to enhance their blog posts.

Commenting System:
• Users should be able to leave comments on blog posts.
• Implement moderation features for comments (e.g., delete or report).

Social Sharing:
• Provide options for users to share their blog posts on social media platforms.

Search Functionality:
• Implement a search feature that allows users to find blog posts by keywords, Title,
Category, tags, or authors.

Tagging and Categorization:


• Users should be able to categorize their posts and add tags for better organization and
discoverability.

Analytics Dashboard:
• Provide users with insights into their blog performance, including views, likes, and
engagement metrics.

Responsive Design:
• Ensure the platform is fully responsive and accessible on various devices (desktops,
tablets, and mobile phones).
Admin Panel:
• Create an admin interface for managing users, posts, and comments, including
moderation tools.

Notification System:
• Implement notifications for users regarding comments, likes, or new followers.

User Roles and Permissions:

Blogging
Page 23

• Define different user roles (e.g., admin, reader) with specific permissions for each role.

Data Backup and Recovery:


• Implement data backup solutions to ensure content is not lost and can be recovered in
case of failure.

CHAPTER 4
SYSTEM DESIGN

Blogging
Page 24

Activity Diagram:

Blogging
Page 25

Entity Relationship Diagram:

Blogging
Page 26

Sequence Diagrams

Blogging
Page 27

1. Create Post:

Blogging
Page 28

1. Delete Post by Admin

Blogging
Page 29

Blogging
Page 30

CHAPTER 5
IMPLEMENTATION & TESTING
IMPLEMENTATION SCREEN SHOTS
1. Login:
In this Activity, following functionalities are working
 Firebase Authentication
 User Verification

 Email Authentication

2. Signup:
In this Activity, following functionalities are working
 Firebase Authentication
 User Verification

 Email Authentication

 Get Data from User


 Saving Data into Firebase Database

3. Home:

In this Activity, following functionalities are working

 Crousel of different Post


 Get posts data from Database
 View all posts
 Recent Post

Blogging
Page 31

4. Add Post:

In this Activity, following functionalities are working


 Title of the post
 Post images
 Content discription
 Save post data into Mongodb
 Select Category of Post

5. Admin:
In this Activity, following functionalities are working
 Brand new Postion of application called as Admin Activity
 Delete Post, View Post
 View Deleted Posts, Deleted Users
 Total number of posts on Website

SYSTEM TESTING

1. Testing Methods:
There are different methods which can be used for testing system. This chapter briefly
describes those methods.

1. Unit Testing:
 Tests individual components or functions in isolation.
 Ensures that each part of the code behaves as expected.

2. Integration Testing:

Blogging
Page 32

 Tests the interaction between different modules or services.


 Ensures that integrated components work together correctly.

3. Functional Testing:
 Validates the software against the functional requirements/specifications.
 Tests specific functionalities like user login, post creation, commenting, etc.

4. End-to-End Testing:
 Tests the complete flow of the application from start to finish.
 Simulates real user scenarios to ensure the system behaves as expected.

5. User Acceptance Testing (UAT):


 Conducted by end-users to validate the system against their requirements.
 Ensures that the application meets business needs.

6. Performance Testing:
 Assesses the speed, scalability, and stability under load.
 Tests how the application performs under various conditions.

7. Security Testing:
 Identifies vulnerabilities, threats, and risks in the application.
 Ensures data protection and secure access controls.

8. Regression Testing:
 Ensures that new code changes do not adversely affect existing
functionalities.
 Re-runs previously completed tests to confirm that the application still works
as intended.

9. Cross-Browser Testing:
 Ensures that the application functions correctly across different web
browsers and devices.
 Validates user experience on various platforms.

10. Smoke Testing:


 A preliminary test to check the basic functionality of the application.
 Ensures that the most crucial functions work before further testing.

Blogging
Page 33

Choosing the right combination of these testing methods will help ensure the
quality and reliability of your blogging site. Let me know if you need more
details on any specific testing method!

2. TEST CASE
Test Case ID: Test 1 Test Engineer: Hafiz Muhammad Talha

Objective: Verify that Website load successfully


Product: Blogging Site

Environment: Website
Pre-Requisite: Initialize Successfully

Methods:
Initialization successful
Comments: Passed

3. TEST CASE
Test Case ID: Test 2 Test Engineer: Mahmood ul Hassan
Objective: Verify that Content is displayed
Product: Blogging site

Environment: Website
Pre-Requisite: Content displayed

Methods:
Load The website
Content Displayed Successful
Comments: Passed

4. TEST CASE

Blogging
Page 34

Test Case ID: Test 3 Test Engineer: Ali Hasnain


Objective: Verify that admin/user login successfully
Product: Blogging Site

Environment: Website
Pre-Requisite: Login page displayed successfully
Methods:
Admin login successful
Comments: Passed

5. TEST CASE

Test Case ID: Test 4 Test Engineer: Hafiz Muhammad Talha

Objective: Verify that admin can add post successfully


Product: Blogging site

Environment: Website
Pre-Requisite: Post Inserted Successfully
Methods:
Post inserted Successfully
Comments: Passed

6. TEST CASE
Test Case ID: Test 5 Test Engineer: Hafiz M Talha

Blogging
Page 35

Objective: Verify that the Post is Fetched successfully


Product: Blogging Site
Environment: Website
Pre-Requisite: Post Displayed Successfully

Methods:
Post Fetched and displayed.

Comments: Passed

7. TEST CASE
Test Case ID: Test 5 Test Engineer: Hafiz M Talha

Objective: Verify that the post deleted successfully


Product: Blogging Site
Environment: Website
Pre-Requisite: Post Deleted Successfully

Methods:
1. Deleted selected data.
Comments: Passed

Blogging
Page 36

CHAPTER 6
USER MANUAL
Manual
1. Login & Signup:

2. Home & Add Blog Post Activity:

Blogging
Page 37

Blogging
Page 38

3. Admin Dashboard:

4. Manage Users:

Blogging
Page 39

5. Contact us:

6. Categories search Filter

Blogging
Page 40

Blogging
Page 41

7. Blog post page

8. Conclusion and Possible Extensions in Future

 Optimized UI/UX design


 Add more sufficient UI/UX designs in future.
 Add Notification Popup in future Concept
 Find an Authority who will manage that application.

Blogging

You might also like