A

Summer Internship Report

On

“Saanjh – A local Social Media Platform”

Submitted by Submitted to

Devender Kushwaha Teacher name

Enrollment no. 02024402022

BCA E1

Guru Gobind Singh Indraprastha University

August 2024
 Certificate

This is to certify that the project report titled submitted by Devender

Kushwaha is a record of original work carried out by him/her/them under
my supervision and guidance. This project is submitted in partial fulfilment
of the requirements for the award of the BCA at Institute Of Innovation In
Technology And Management.

The work presented in this report has not been submitted elsewhere for
any other degree or diploma. The project embodies the result of the
candidate’s own work and has been duly completed under my supervision.

Date: 14/08/2024 Devender Kushwaha

2
 Candidate Declaration

I, Devender Kushwaha, hereby declare that the work presented in this project report titled
"Saanjh - A Local Social Media Platform" is the result of my own independent research
and development. I affirm that the project has been carried out by me and has not been
copied from any other source. The information and data presented in this report are
genuine and have not been falsified or fabricated. Any references to existing literature or
other works have been duly acknowledged. This project has been completed under the
guidance and supervision of my project guide, and I take full responsibility for the
content and findings presented in this report.

_________________

Devender Kushwaha

Date: 14/08/2024

3
 Acknowledgement

I would like to express my sincere gratitude to all those who supported and guided me
throughout this project.

First and foremost, I extend my heartfelt thanks to Mr. Ravi Sharma for his invaluable
assistance and guidance. His expertise and constructive feedback were instrumental in the
successful completion of this project.

I would like to thank my peers and colleagues for their cooperation and support, and my
family and friends for their unwavering encouragement.

Thank you all for your contributions to this project.

_________________

Devender Kushwaha

Date: 14/08/2024

4
 Abstract

"Saanjh" is a full-stack social media platform meticulously designed to cater to the local
community, fostering an environment where users can create profiles, post content.
This platform is developed with the primary aim of enhancing community engagement
and facilitating local commerce. By providing a digital space for individuals to connect,
share, and interact, "Saanjh" seeks to bridge the gap between online and offline
community interactions.

Overall, "Saanjh" is envisioned as a comprehensive and user-friendly platform that not

only addresses the need for a localized social media experience but also encourages
community building and economic activity within the local area.

5
 LIST OF FIGURES

Figure No. Description Page No.

3.2.1 ER Diagram 32

3.2.2.0 Level 0 DFD 34

3.2.2.1 Level 1 DFD 34

3.2.2.2 Level 2 DFD 34

3.3 Input Design 37

3.4.3 Output Design Guidelines 40

3.5 System Architecture 43

A1 Menu Flow Diagram 55

6
 LIST OF TABLES

Table No. Description Page No.

A2 Decision Table 56

A3 Data Dictionary 56

7
 LIST OF ABBREVIATIONS

ABBREVIATION Description

AWS Amazon Web Services

GCP Google Cloud Platform

ROI Return on Investment

VS Code Visual Studio Code

I/O Input/Output

S/W Software

H/W Hardware

S3 Simple Storage Service

EC2 Elastic Compute Cloud

RDS Relational Database Service

API Application Programming Interface

UI User Interface

UX User Experience

ERD Entity-Relationship Diagram

DFD Data Flow Diagram

PK Primary Key

FK Foreign Key

8
 CONTENTS

CHAPTER 1: PROBLEM FORMULATION Page No

1.1 Introduction about the Company 13

1.2 Introduction about the Problem 13

1.3 Present State of the Art 14

1.4 Need of Computerization 15

1.5 Proposed Software / Project 16

1.6 Importance of the work 18

CHAPTER 2 : SYSTEM ANALYSIS

2.1 Feasibility Study 21

2.1.1 Technical Feasibility 21

2.1.2 Economical Feasibility 21

2.1.3 Operational Feasibility 21

2.1.4 Other Feasibility Dimensions 22

2.2 Analysis Methodology 22

2.3 Choice of the Platforms 24

2.3.1 S/W used 24

2.3.2 H/W used 25

CHAPTER 3 : SYSTEM DESIGN

3.1 Design Methodology 28

3.2 Database Design 30

3.2.1 ERD 31

9
 3.2.2 DFD 33

3.3 Input Design 34

3.4 Output Design 36

3.5 Code Design and Development 40

CHAPTER 4 : TESTING AND IMPLEMENTATION

4.1 Testing Methodology 44

4.1.1 Unit Testing 44

4.1.2 Module Testing 44

4.1.3 Integration Testing 44

4.1.4 System Testing 45

4.1.5 White Box / Black Box Testing 45

4.1.6 Acceptance Testing 45

4.2 Test Data & Test Cases 46

4.3 Test Reports and Debugging 46

4.4 Implementation Manual 46

4.5 Implementation 47

4.6 Users’ Training 47

4.7 Post Implementation Maintenance 48

CHAPTER 5 : CONCLUSION AND REFERENCES

5.1 Conclusion 50

5.2 System Specifications 50

5.2.1 H/W Requirement 50

5.2.2 S/W Requirement 51

10
5.3 Limitations of the System 51

5.4 Future Scope for Modification 52

5.5 References 52

CHAPTER 6 : ANNEXURES (Screen Snapshots must be annexed)

A-1 Menu Flow Diagram 55

A-2 Decision Table 55

A-3 Data Dictionary 56

A-4 Test Reports 57

A-5 Sample Inputs 62

A-6 Sample Outputs 63

11
 CHAPTER 1: PROBLEM FORMULATION
1.1 Introduction about the Company

1.2 Introduction about the Problem

1.3 Present State of the Art

1.4 Need of Computerization

1.5 Proposed Software / Project

1.6 Importance of the work

12
Chapter 1: Problem Formulation

**1.1 Introduction about the Company**

Mankind Pharma Ltd. is a prominent player in the pharmaceutical industry,

headquartered in New Delhi, India. Established in 1995, Mankind Pharma has rapidly
grown to become one of the leading pharmaceutical companies in India. The company
focuses on a wide range of pharmaceutical products, including prescription medicines,
over-the-counter (OTC) products, and consumer healthcare products.

Mankind Pharma operates with a strong commitment to quality and innovation, which is
evident from its extensive product portfolio and state-of-the-art manufacturing facilities.
The company has established a significant presence not only in India but also in
international markets, with a growing footprint in several countries.

The company’s success can be attributed to its strategic focus on research and
development, rigorous quality control processes, and a customer-centric approach.
Mankind Pharma’s mission is to provide high-quality and affordable healthcare solutions
that enhance the well-being of individuals and communities worldwide.

In addition to its core business of pharmaceuticals, Mankind Pharma is also involved in

various social initiatives and corporate social responsibility (CSR) activities aimed at
improving healthcare access and education in underserved regions.

**1.2 Introduction about the Problem**

In today’s increasingly digital world, social media platforms have become crucial for
connecting individuals, sharing information, and facilitating local commerce. However,
many existing social media platforms cater to broad, global audiences and often fail to
address the specific needs of local communities. This results in a gap where local
interactions, community engagement, and local commerce opportunities are not
effectively supported.

The problem is particularly acute in smaller towns and communities where residents may
lack access to platforms that cater specifically to their local needs. Existing solutions
often focus on a wide array of functionalities without providing the localized features
necessary for meaningful community interaction. As a result, there is a missed

13
opportunity for local businesses to reach their target audience, and for community
members to engage with each other in a more connected and supportive environment.

Additionally, local social issues, such as promoting local events, facilitating community-
based commerce, and sharing neighborhood news, are not adequately addressed by
mainstream social media platforms. This lack of local focus leads to a disconnection
between online interactions and real-world community engagement.

"Saanjh" aims to address these issues by offering a dedicated platform that caters
specifically to the local community. By focusing on localized features such as event
creation, item exchanges, and community news, "Saanjh" seeks to bridge the gap between
online social interactions and real-world community engagement, thereby fostering a
more connected and supportive local environment.

1.3 Present State of the Art

The current landscape of social media platforms is dominated by a few major players,
such as Facebook, Instagram, Twitter, and LinkedIn, which cater to a global audience.
These platforms offer a wide range of features including user profiles, content sharing,
messaging, and event creation. While they have revolutionized online communication
and interaction, their broad focus often results in limitations when addressing the specific
needs of local communities.

Global Social Media Platforms:

 Facebook: Known for its extensive features, Facebook supports personal profiles,
groups, events, and marketplace listings. However, its design is primarily oriented
towards global and national interactions rather than local community engagement.
 Instagram: Focuses on photo and video sharing with features such as Stories and
Reels. While it supports local business promotions, it lacks dedicated tools for
community engagement and event organization.
 Twitter: Provides real-time updates and public conversations but is limited in its
capabilities for local community building and commerce.
 LinkedIn: Primarily used for professional networking, LinkedIn does not cater to
community-focused interactions or local commerce.

Local Social Media Platforms:

 Nextdoor: Designed for local neighborhood interactions, Nextdoor offers features

such as local news, recommendations, and event postings. While it addresses
some local engagement needs, its reach and features are limited compared to
larger platforms.

14
  Patch: Focuses on hyperlocal news and information, aiming to connect residents
with local stories and events. However, it lacks comprehensive social networking
features and community-driven commerce tools.

Limitations of Existing Solutions:

 Scalability vs. Local Focus: Most mainstream platforms are designed to scale
globally, often neglecting localized needs and community-specific features.
 Feature Gaps: Existing local-focused platforms generally lack robust
functionalities for local commerce, detailed event management, or comprehensive
community interaction.
 Integration Issues: Integrating multiple local services and community tools into
a single platform remains a challenge for existing solutions.

In this context, "Saanjh" proposes to fill the gap by offering a platform specifically
designed to enhance local community engagement and commerce. By integrating features
tailored to local needs, such as profile creation, content posting, event organization, and
item exchange, "Saanjh" aims to bridge the divide between broad-scale social media and
local community interactions.

1.4 Need of Computerization

In the modern era, the demand for digital solutions has become integral to addressing
various community and business needs. The need for computerization in local community
engagement and commerce is driven by several factors:

1. Enhanced Accessibility: Computerization provides an online platform accessible to a

broader audience, overcoming geographical barriers. It enables local businesses and
community members to connect and interact seamlessly, regardless of their physical
location.

2. Streamlined Communication: Digital platforms facilitate real-time communication

and information dissemination. Computerization allows for efficient sharing of local
news, event updates, and community announcements, ensuring that important
information reaches all members promptly.

3. Improved Community Engagement: A digital platform can foster stronger

community ties by offering tools for interaction, feedback, and participation. Features
such as forums, event management, and discussion boards enable residents to engage
with each other and with local businesses in meaningful ways.

15
4. Efficient Local Commerce: Computerization supports local commerce by providing a
marketplace for buying, selling, and exchanging goods and services. This digital
approach simplifies transactions, expands market reach for local vendors, and promotes
economic activity within the community.

5. Data Management and Analysis: Digital systems allow for the efficient management
and analysis of data related to community interactions and commerce. By leveraging data
analytics, local entities can gain insights into user behavior, preferences, and trends,
leading to more informed decision-making and targeted strategies.

6. Scalability and Flexibility: A computerized platform offers scalability and flexibility

to adapt to evolving community needs. As the platform grows, it can incorporate
additional features and services, ensuring that it remains relevant and effective in
addressing local requirements.

7. Reduced Manual Efforts: Automating routine tasks and processes through a digital
platform reduces the need for manual intervention. This results in increased efficiency,
fewer errors, and a more streamlined approach to managing community interactions and
local commerce.

By implementing a computerized solution like "Saanjh," the local community can benefit
from an integrated platform that enhances engagement, supports local businesses, and
facilitates seamless interactions among residents. The transition to a digital approach
addresses the limitations of traditional methods and provides a more dynamic and
responsive solution to community needs.

1.5 Proposed Software / Project

"Saanjh - A Local Social Media Platform" is designed to address the unique needs of
local communities by offering a comprehensive digital solution tailored for enhanced
community engagement and localized commerce. The platform aims to bridge the gap
between global social media giants and the specific requirements of smaller, localized
interactions.

Key Features of "Saanjh":

1. User Profiles: Users can create and manage personal profiles, providing a space
to share information, interests, and updates. Profiles serve as a central hub for
interaction and engagement within the community.
2. Content Posting: The platform allows users to post updates, photos, and videos.
This feature enables individuals and businesses to share relevant content, news,
and events with the local community.

16
 3. Event Management: Users can create, manage, and promote local events. This
includes setting event details, inviting participants, and tracking RSVPs. The
event management system aims to increase participation and awareness of local
activities.
4. Marketplace: The platform features a marketplace where users can buy, sell, and
exchange items. This digital marketplace supports local commerce by providing a
convenient and accessible platform for transactions.
5. Community Interaction: "Saanjh" includes forums and discussion boards where
community members can engage in conversations, seek advice, and collaborate on
various topics. This fosters a sense of belonging and encourages active
participation.
6. Local News and Announcements: Users can access and contribute to a section
dedicated to local news and announcements. This feature keeps the community
informed about important updates, opportunities, and changes within the area.
7. Notifications and Alerts: The platform sends notifications and alerts to keep
users updated on new posts, events, and interactions. This ensures that users stay
informed and engaged with the latest community activities.
8. Admin Dashboard: An administrative dashboard provides tools for managing
users, content, and events. It allows administrators to monitor platform activity,
enforce guidelines, and facilitate smooth operations.

Technology Stack:

 Frontend: Developed using React.js for a responsive and dynamic user interface.
 Backend: Powered by Node.js and Express.js to handle server-side logic and API
requests.
 Database: Utilizes MongoDB for flexible and scalable data storage.
 Hosting: Deployed on cloud platforms such as AWS or Google Cloud for
reliability and scalability.

Project Goals:

 Enhance Local Engagement: By providing a dedicated platform for local

interactions, "Saanjh" aims to strengthen community ties and promote active
participation.
 Support Local Commerce: The integrated marketplace helps local businesses
and individuals conduct transactions easily and efficiently.
 Foster Community Building: The platform encourages users to connect,
collaborate, and engage with one another, contributing to a more cohesive local
community.

"Saanjh" is envisioned as a transformative tool for local communities, offering a tailored

digital experience that meets specific needs and fosters a more connected and vibrant
local environment.

17
1.6 Importance of the Work

The development and implementation of "Saanjh - A Local Social Media Platform" hold
significant importance for several reasons:

1. Strengthening Community Bonds: "Saanjh" provides a dedicated platform for local

interactions, fostering a sense of community and belonging among residents. By offering
tools for communication, event organization, and discussion, the platform helps
strengthen relationships and create a more connected community.

2. Enhancing Local Commerce: The integrated marketplace allows local businesses and
individuals to engage in buying, selling, and exchanging goods and services. This
promotes economic activity within the community and provides local vendors with a
digital presence that can attract and retain customers.

3. Facilitating Local Engagement: With features such as event management and local
news updates, "Saanjh" keeps community members informed about local activities and
opportunities. This encourages greater participation in community events and initiatives,
leading to a more vibrant and active local environment.

4. Bridging the Digital Divide: "Saanjh" addresses the gap between broad-scale social
media platforms and the specific needs of local communities. By providing a tailored
solution, the platform ensures that local issues and opportunities are effectively
addressed, bridging the digital divide between global and local interactions.

5. Improving Access to Information: The platform offers a centralized location for

local news, announcements, and updates. This improves access to relevant information
for community members and helps in disseminating important news efficiently.

6. Supporting Community-driven Initiatives: "Saanjh" empowers users to take an

active role in their community by facilitating the creation and promotion of local events,
discussions, and collaborations. This supports grassroots initiatives and encourages
community-driven projects and solutions.

7. Providing Data Insights: The platform's ability to collect and analyze data on user
interactions and community activities provides valuable insights. These insights can
inform future developments, optimize platform features, and help local stakeholders
make data-driven decisions.

8. Promoting Digital Literacy: By engaging with a user-friendly digital platform,

community members can enhance their digital skills and become more adept at using
technology for personal and professional purposes. This contributes to overall digital
literacy and empowerment.

In summary, "Saanjh" is a vital tool for enhancing local community dynamics, supporting
local commerce, and bridging gaps between digital and real-world interactions. Its impact
18
extends beyond just providing a platform; it plays a crucial role in fostering a more
connected, engaged, and economically active community.

19
 CHAPTER 2 : SYSTEM ANALYSIS
2.1 Feasibility Study

2.1.1 Technical Feasibility

2.1.2 Economical Feasibility

2.1.3 Operational Feasibility

2.1.4 Other Feasibility Dimensions

2.2 Analysis Methodology

2.3 Choice of the Platforms

2.3.1 S/W used

2.3.2 H/W used

20
Chapter 2: System Analysis

2.1 Feasibility Study

2.1.1 Technical Feasibility

Technical feasibility assesses whether the current technology and infrastructure are
adequate to support the proposed system. For "Saanjh," the technical feasibility includes:

 Technology Stack: The project utilizes React.js for the frontend, Node.js with
Express.js for the backend, and MongoDB for the database. This stack is well-
supported, scalable, and suitable for handling the dynamic needs of a social media
platform.
 Infrastructure: The platform will be hosted on cloud services such as AWS or
Google Cloud, providing reliable scalability and performance.
 Integration Capabilities: The chosen technologies and APIs are compatible with
modern web standards, ensuring smooth integration and functionality.
 Development Tools: Tools like Visual Studio Code, Figma, and version control
systems (e.g., GitHub) will facilitate efficient development and design processes.

Overall, the technology stack and infrastructure are technically sound and capable of
supporting the project’s requirements.

2.1.2 Economical Feasibility

Economic feasibility evaluates the cost-effectiveness of the project. For "Saanjh," the
economical feasibility includes:

 Development Costs: Costs associated with development, including personnel

(developers, designers), software licenses, and cloud hosting fees. Given the
open-source nature of the chosen technologies, the software costs are minimized.
 Operational Costs: Ongoing expenses such as server maintenance, cloud
hosting, and support services. These are manageable within the project’s budget.
 Return on Investment (ROI): The potential benefits of increased community
engagement and local commerce can outweigh the initial development and
operational costs. The platform is designed to generate value for users and local
businesses, enhancing the overall ROI.

The project’s costs are justified by its expected benefits, making it economically feasible.

2.1.3 Operational Feasibility

21
Operational feasibility examines how well the system fits within the current operational
environment and user requirements. For "Saanjh," the operational feasibility includes:

 User Requirements: The platform addresses specific needs such as local

community engagement and commerce, which aligns with user expectations.
 Ease of Use: Designed with user-friendly interfaces and functionalities, "Saanjh"
aims to provide an intuitive experience for both tech-savvy and non-tech-savvy
users.
 Support and Training: The system includes documentation and training
resources to assist users and administrators in utilizing the platform effectively.

The platform is expected to operate smoothly within the intended environment, meeting
user requirements and facilitating community engagement.

2.1.4 Other Feasibility Dimensions

Additional feasibility dimensions to consider include:

 Legal Feasibility: Compliance with data protection regulations (e.g., GDPR,

CCPA) and local laws is essential. Ensuring that user data is handled securely and
ethically is a priority.
 Security Feasibility: The platform must implement robust security measures to
protect user data and prevent unauthorized access. This includes encryption,
secure authentication, and regular security audits.
 Scalability: The platform’s architecture should support future growth and
expansion. Scalable infrastructure and modular design contribute to long-term
feasibility.

By addressing these additional dimensions, "Saanjh" ensures that it is legally compliant,

secure, and capable of scaling as needed.

2.2 Analysis Methodology

The analysis methodology outlines the approach used to evaluate and understand the
requirements and structure of the proposed system. For "Saanjh," the analysis
methodology involves several key phases:

1. Requirements Gathering:

 Stakeholder Interviews: Conduct interviews with potential users, local

businesses, and community leaders to gather insights into their needs, preferences,
and pain points related to community engagement and local commerce.

22
  Surveys and Questionnaires: Distribute surveys to a broader audience to collect
quantitative data on user expectations, desired features, and current challenges
with existing platforms.
 Competitive Analysis: Analyze similar platforms to identify their strengths and
weaknesses, and to understand the features and functionalities that are most
valuable to users.

2. Requirements Analysis:

 Functional Requirements: Define the core functionalities of the platform, such

as user profiles, content posting, event management, and marketplace features.
This involves creating use cases and user stories to describe how each feature will
be utilized.
 Non-Functional Requirements: Identify performance criteria, such as system
reliability, security, scalability, and usability. These requirements ensure that the
platform meets user expectations and operates effectively.
 System Specifications: Document the technical specifications, including
hardware and software requirements, database schema, and system architecture.
This provides a detailed blueprint for the development phase.

3. System Design:

 Design Specifications: Develop detailed design specifications for the user

interface, database, and system architecture. This includes creating wireframes,
mockups, and diagrams to visualize the system's layout and interactions.
 Prototyping: Create prototypes or mockups of key features to gather feedback
from stakeholders and refine the design. Prototyping helps validate design choices
and ensures that the system meets user needs.

4. Feasibility Analysis:

 Technical Feasibility: Evaluate the technical aspects of the project, including the
technology stack, development tools, and infrastructure. Ensure that the chosen
technologies are capable of supporting the project’s requirements.
 Economic Feasibility: Assess the cost implications of the project, including
development, operational, and maintenance costs. Analyze the return on
investment (ROI) to determine the project's financial viability.
 Operational Feasibility: Examine how the system will fit into the operational
environment and user workflows. Ensure that the platform is user-friendly and
that adequate support and training resources are available.

5. Documentation:

 Requirements Documentation: Prepare comprehensive documentation of the

requirements gathered during the analysis phase. This includes functional and
non-functional requirements, use cases, and system specifications.

23
  Design Documentation: Create detailed design documents, including
wireframes, mockups, database schemas, and system architecture diagrams. This
documentation guides the development process and ensures alignment with the
project’s goals.

6. Review and Validation:

 Stakeholder Review: Present the analysis and design documents to stakeholders

for review and feedback. Ensure that the proposed solution aligns with their
expectations and requirements.
 Validation: Conduct validation sessions to verify that the requirements and
design meet the project's objectives and address the identified problems.

By following this analysis methodology, "Saanjh" aims to develop a well-structured and

effective solution that meets the needs of the local community and supports its
engagement and commerce goals.

2.3 Choice of the Platforms

2.3.1 S/W Used

1. Frontend Technologies:

 React.js: Chosen for its component-based architecture, React.js allows for the
creation of a dynamic and responsive user interface. It facilitates efficient updates
and rendering of UI components, providing a seamless user experience.
 Tailwind CSS: Utilized for its utility-first approach to styling, Tailwind CSS
enables rapid development of custom and responsive designs. It helps maintain a
consistent look and feel across the platform while allowing for easy
customization.

2. Backend Technologies:

 Node.js: Selected for its event-driven, non-blocking I/O model, Node.js is well-
suited for handling concurrent requests and real-time data processing. It ensures
efficient performance and scalability for the backend services.
 Express.js: A lightweight framework for Node.js, Express.js simplifies the
development of robust APIs and server-side logic. It provides essential
middleware and routing features, streamlining backend development.

3. Database:

24
  MongoDB: Chosen for its NoSQL, document-oriented approach, MongoDB
offers flexibility in data modeling and scaling. It is well-suited for managing the
diverse and evolving data structures of a social media platform.

4. Hosting and Deployment:

 AWS (Amazon Web Services): AWS provides reliable and scalable cloud
hosting solutions. Services like AWS EC2 for virtual servers, AWS S3 for
storage, and AWS RDS for managed database services support the deployment
and maintenance of the platform.
 Google Cloud Platform (GCP): GCP offers various cloud computing and
storage solutions. Services like Google Compute Engine, Google Cloud Storage,
and Google Cloud SQL can be utilized as alternatives or complementary solutions
for hosting and data management.

5. Development Tools:

 Visual Studio Code (VS Code): A versatile code editor, VS Code supports
various programming languages and extensions, enhancing productivity during
development.
 GitHub: Used for version control and collaboration, GitHub enables effective
management of code repositories, issue tracking, and team collaboration.

2.3.2 H/W Used

1. Development Environment:

 Personal Computers: Developers will use personal computers with adequate

processing power, memory, and storage to handle development tasks.
Recommended specifications include multi-core processors, at least 8GB of
RAM, and SSD storage.
 Testing Devices: Various devices, including desktops, laptops, tablets, and
smartphones, will be used for testing the platform’s responsiveness and
compatibility across different screen sizes and operating systems.

2. Production Environment:

 Cloud Servers: For hosting the live platform, cloud servers provided by AWS or
GCP will be used. These servers will be configured based on the anticipated
traffic and resource requirements of the platform.
 Database Servers: Managed database services or dedicated database servers will
be utilized to handle data storage and management efficiently.

3. Backup and Recovery:

25
  Cloud Backup Solutions: Regular backups will be conducted using cloud storage
solutions (e.g., AWS S3, Google Cloud Storage) to ensure data integrity and
availability in case of system failures or data loss.

4. Network Infrastructure:

 Internet Connectivity: Reliable and high-speed internet connectivity is essential

for both development and production environments to ensure smooth operation
and access to cloud services.

By selecting these platforms and technologies, "Saanjh" aims to build a scalable,

efficient, and robust social media platform that meets the needs of the local community
while leveraging modern development practices and tools.

26
 CHAPTER 3 : SYSTEM DESIGN
3.1 Design Methodology

3.2 Database Design

3.2.1 ERD

3.2.2 DFD

3.3 Input Design

3.4 Output Design

3.5 Code Design and Development

27
CHAPTER 3 : SYSTEM DESIGN

3.1 Design Methodology

The design methodology for "Saanjh - A Local Social Media Platform" involves a
structured approach to creating a functional, user-friendly, and scalable system. This
methodology encompasses several stages, each focusing on different aspects of the
design process:

1. Design Planning:

 Requirements Review: Begin by reviewing the requirements gathered during the

analysis phase. This includes functional and non-functional requirements, user
needs, and system specifications.
 Design Objectives: Define clear design objectives based on the project
requirements. Objectives include usability, responsiveness, scalability, and
performance.

2. Architectural Design:

 System Architecture: Develop a high-level architectural design that outlines the

system's structure and components. This includes defining the overall layout of
the application, including the frontend, backend, and database.
 Component Design: Identify and design the key components of the system, such
as user interfaces, APIs, and data models. Each component is designed to fulfill
specific functionalities and interact seamlessly with other components.
 Technology Stack: Select appropriate technologies and tools for each
component, ensuring compatibility and alignment with the project requirements.

3. User Interface (UI) and User Experience (UX) Design:

 Wireframes: Create wireframes to visualize the layout and structure of each page
or screen. Wireframes provide a blueprint for the user interface and help in
defining the arrangement of elements.
 Mockups: Develop detailed mockups that illustrate the visual design of the user
interface, including color schemes, typography, and graphical elements. Mockups
help in refining the visual aesthetics and user experience.
 Prototypes: Build interactive prototypes to simulate the user experience and
gather feedback from stakeholders. Prototypes allow for early testing of design
concepts and usability.

4. Database Design:

28
  Data Modeling: Design the database schema, including tables, relationships, and
data types. This involves creating Entity-Relationship Diagrams (ERDs) to
represent the data structure and its relationships.
 Normalization: Apply normalization techniques to organize data efficiently and
reduce redundancy. Ensure that the database design supports scalability and
performance.

5. API Design:

 API Specifications: Define the API endpoints, methods, and data formats
required for communication between the frontend and backend. This includes
specifying request and response structures and authentication mechanisms.
 API Documentation: Create comprehensive documentation for the APIs to
facilitate integration and development. Documentation includes endpoint
descriptions, usage examples, and error handling.

6. System Integration:

 Integration Planning: Develop a plan for integrating the various components of

the system, including frontend, backend, and database. Ensure that components
interact correctly and data flows seamlessly between them.
 Testing and Validation: Conduct integration testing to verify that all components
work together as intended. Address any issues or discrepancies identified during
testing.

7. Design Review and Iteration:

 Stakeholder Review: Present the design to stakeholders for feedback and

validation. Incorporate their input to refine and improve the design.
 Iterative Design: Use an iterative approach to refine the design based on
feedback and testing results. Revisit and update design elements as needed to
address issues and enhance functionality.

8. Documentation:

 Design Documentation: Prepare detailed documentation of the design, including

architectural diagrams, UI mockups, database schema, and API specifications.
This documentation serves as a reference for development and future
maintenance.

The design methodology for "Saanjh" ensures a systematic and comprehensive approach
to creating a robust and user-centered social media platform. By focusing on detailed
planning, user experience, and integration, the methodology aims to deliver a high-
quality solution that meets the needs of the local community.

29
3.2 Database Design
Effective database design is crucial for ensuring the performance, scalability, and
integrity of "Saanjh - A Local Social Media Platform." This section outlines the design of
the database, including the Entity-Relationship Diagram (ERD) and Data Flow Diagram
(DFD).

3.2.1 Entity-Relationship Diagram (ERD)

The Entity-Relationship Diagram (ERD) represents the data model of the system,
illustrating entities, their attributes, and relationships. The ERD for "Saanjh" includes the
following key entities and their relationships:

 User:
o Attributes: UserID (PK), Username, Email, PasswordHash,
ProfilePicture, CreatedAt, UpdatedAt
o Relationships:
 One-to-Many with Posts (a user can create multiple posts)
 One-to-Many with Events (a user can create multiple events)
 One-to-Many with Items (a user can list multiple items for sale)
 One-to-Many with Comments (a user can comment on multiple
posts)
 Many-to-Many with Friends (users can be friends with multiple
other users)
 Post:
o Attributes: PostID (PK), UserID (FK), Content, ImageURL, CreatedAt,
UpdatedAt
o Relationships:
 Many-to-One with User (a post is created by a single user)
 One-to-Many with Comments (a post can have multiple
comments)
 Comment:
o Attributes: CommentID (PK), PostID (FK), UserID (FK), Content,
CreatedAt
o Relationships:
 Many-to-One with Post (a comment is associated with a single
post)
 Many-to-One with User (a comment is made by a single user)
 Event:
o Attributes: EventID (PK), UserID (FK), EventName, EventDate,
Location, Description, CreatedAt
o Relationships:
 Many-to-One with User (an event is created by a single user)
 Item:
o Attributes: ItemID (PK), UserID (FK), ItemName, ItemDescription,
Price, Category, CreatedAt

30
 oRelationships:
 Many-to-One with User (an item is listed by a single user)
 Friendship:
o Attributes: UserID1 (FK), UserID2 (FK), FriendshipDate
o Relationships:
 Many-to-Many with User (represents a friendship between two
users)

Diagram:

Fig 3.2.1 :ER Diagram

31
3.2.2 Data Flow Diagram (DFD)

The Data Flow Diagram (DFD) illustrates how data flows through the system, detailing
the processes, data stores, and interactions between system components. The DFD for
"Saanjh" includes the following elements:

 External Entities:
o Users: Interact with the system to perform actions such as posting content,
creating events, and listing items.
o Admin: Manages user accounts, content moderation, and platform
settings.
 Processes:
o User Authentication: Handles user login and registration, including
validation and security checks.
o Content Management: Manages posts, comments, and media uploads,
including creating, updating, and deleting content.
o Event Management: Handles event creation, updates, and user
interactions related to events.
o Marketplace Management: Manages item listings, updates, and
transactions within the marketplace.
 Data Stores:
o User Data Store: Stores user information, including profiles, credentials,
and preferences.
o Post Data Store: Contains all posts and associated metadata.
o Comment Data Store: Stores comments related to posts.
o Event Data Store: Contains information about events, including details
and participants.
o Item Data Store: Stores item listings and associated data.
o

Diagram:

32
Fig 3.2.2.0 : Level 0 DFD

Fig 3.2.2.1 : Level 0 DFD

Fig 3.2.2.2 : Level 0 DFD

33
By designing the database with these components, "Saanjh" ensures a robust and scalable
data architecture that supports the platform’s functionalities and user interactions. The
ERD provides a clear representation of the data model, while the DFD illustrates how
data flows and is processed within the system.

**3.3 Input Design**

Input design is a crucial aspect of system design that focuses on how data is collected and
entered into the system. For "Saanjh - A Local Social Media Platform," effective input
design ensures that user interactions are intuitive, data entry is efficient, and validation is
robust. This section outlines the approach to input design for the platform.

3.3.1. User Interface Forms:

 User Registration and Login:

o Registration Form:
 Fields: Username, Email, Password, Confirm Password
 Validation: Check for email format, password strength, and
username availability.
 User Feedback: Provide clear messages for successful registration
or errors (e.g., email already in use).
o Login Form:
 Fields: Email, Password
 Validation: Verify credentials against the database, handle failed
login attempts, and provide feedback for incorrect credentials.
 Profile Management:
o Profile Edit Form:
 Fields: Username, Email, Profile Picture, Bio
 Validation: Ensure email format is valid, check for username
uniqueness, and validate file type and size for profile pictures.
 User Feedback: Display confirmation of successful updates or
error messages if any fields are invalid.
 Post Creation:
o Post Form:
 Fields: Content, Image Upload (optional)
 Validation: Limit content length, check for prohibited words or
media types, and ensure image file size and format are acceptable.
 User Feedback: Show a preview of the post and provide feedback
on successful submission or errors.
 Event Creation:
o Event Form:
 Fields: Event Name, Date, Location, Description
 Validation: Validate date format, location input, and ensure
descriptions are within length limits.

34
 User Feedback: Confirm event creation or display error messages
for invalid inputs.
 Marketplace Listing:
o Item Listing Form:
 Fields: Item Name, Description, Price, Category, Image Upload
(optional)
 Validation: Check for appropriate pricing formats, description
length, and acceptable image formats and sizes.
 User Feedback: Provide confirmation of successful listing or error
messages if inputs are invalid.

3.3.2. Data Validation:

 Client-Side Validation:
o Purpose: Enhance user experience by providing immediate feedback
before data is sent to the server.
o Implementation: Use JavaScript and HTML5 form attributes to validate
input fields (e.g., required fields, email format, password strength).
 Server-Side Validation:
o Purpose: Ensure data integrity and security by validating inputs on the
server before processing.
o Implementation: Implement validation checks in backend code (e.g.,
Node.js) to handle edge cases and prevent malicious data from being
processed.

3.3.3. Input Controls:

 Text Fields: Used for entering usernames, email addresses, and post content.
 Password Fields: Secure input for passwords, with options for showing/hiding
password characters.
 Date Pickers: For selecting event dates, ensuring correct date format and
validation.
 File Uploads: For profile pictures, post images, and item images, with validation
for file type and size.
 Dropdowns: For selecting categories in the marketplace, ensuring users choose
from predefined options.

3.3.4. User Experience Considerations:

 Accessibility: Ensure forms and input controls are accessible to all users,
including those with disabilities. Use appropriate labels, fieldsets, and ARIA
attributes.
 Usability: Design forms to be user-friendly with clear labels, helpful instructions,
and intuitive layouts. Minimize the number of required fields and use default
values where possible.

35
  Error Handling: Provide meaningful error messages and guidance on how to
correct input errors. Use inline validation to highlight issues as users fill out
forms.

3.3.5. Security Measures:

 Input Sanitization: Implement measures to prevent SQL injection, cross-site

scripting (XSS), and other security threats by sanitizing and escaping user inputs.
 Authentication and Authorization: Ensure that sensitive inputs and actions
(e.g., password changes) are protected with proper authentication and
authorization mechanisms.

Fig 3.3 :Input Design

Effective input design for "Saanjh" ensures a smooth user experience, accurate data
collection, and robust security, ultimately contributing to the platform's overall success.

3.4 Output Design

Output design focuses on how data is presented to users and how results from the system
are communicated. For "Saanjh - A Local Social Media Platform," effective output
design ensures that users receive clear, relevant, and actionable information. This section
outlines the approach to output design, including various types of outputs and their
formats.

3.4.1 Types of Outputs

3.4.1.1 User Profiles:

 Description: Displays user information such as profile picture, username, bio,

and contact details.
 Output Elements:
o Profile Picture: Displays the user’s uploaded image.
o Username: Shows the user’s chosen name.
o Bio: A short description or personal message.
o Contact Information: Email and other relevant details.

36
  Format: Clean and visually appealing layout with clear sections for each piece of
information.

3.4.1.2 Posts:

 Description: Displays user-generated content including text, images, and

interaction options (like, comment, share).
 Output Elements:
o Content: Text of the post.
o Images/Videos: Media attached to the post.
o Interaction Buttons: Like, comment, share, and other engagement
features.
 Format: Each post is presented in a card format, with content, media, and
interactions clearly separated.

3.4.1.3 Events:

 Description: Shows upcoming and past events created by users, including event
details and RSVP options.
 Output Elements:
o Event Name: Title of the event.
o Date and Time: When the event is scheduled.
o Location: Where the event will take place.
o Description: Brief details about the event.
o RSVP Button: Option for users to confirm attendance.
 Format: Events are listed with date, time, and location prominently displayed,
and a clear call-to-action for RSVP.

3.4.1.4 Marketplace Listings:

 Description: Displays items for sale or exchange, including item details and
pricing.
 Output Elements:
o Item Name: Name of the item.
o Description: Details about the item.
o Price: Cost of the item.
o Image: Visual representation of the item.
o Contact Information: How to reach the seller.
 Format: Listings are shown in a grid or list format with item images and essential
details easily accessible.

3.4.1.5 Notifications:

 Description: Alerts users about system events such as new messages, comments,
or friend requests.
 Output Elements:

37
 o Notification Message: Description of the event (e.g., “You have a new
friend request”).
o Timestamp: When the notification was received.
 Format: Notifications are presented in a dropdown or sidebar with clear icons
and timestamps.

3.4.2 Output Formats

3.4.2.1 Web Pages:

 Description: Most outputs are presented on web pages with a responsive design
to accommodate various devices.
 Components:
o HTML/CSS: For structuring and styling the output.
o JavaScript: For dynamic content and interactive elements.
 Design Considerations: Ensure accessibility, readability, and user-friendly
interfaces.

3.4.2.2 Emails:

 Description: System-generated emails for notifications, updates, or

confirmations.
 Components:
o Subject Line: Clear and relevant to the content of the email.
o Body: Contains information with appropriate formatting and links.
 Design Considerations: Ensure emails are well-formatted and mobile-friendly.

3.4.2.3 Mobile Notifications:

 Description: Push notifications sent to users' mobile devices.

 Components:
o Message: Brief text alerting the user.
o Actionable Links: Links to open the app or view more details.
 Design Considerations: Ensure notifications are concise and provide clear
actions.

3.4.3 Output Design Guidelines

3.4.3.1 Clarity and Readability:

 Ensure that all outputs are clear and easily readable. Use appropriate fonts, colors,
and layouts to enhance readability.

3.4.3.2 Consistency:

38
  Maintain a consistent design language throughout the platform to provide a
cohesive user experience.

3.4.3.3 Accessibility:

 Design outputs to be accessible to all users, including those with disabilities. Use
contrast ratios, alt text for images, and keyboard navigability.

3.4.3.4 Responsiveness:

 Ensure that outputs are optimized for various screen sizes and devices, providing
a consistent experience across desktop and mobile.

3.4.3.5 User Feedback:

 Incorporate feedback mechanisms to allow users to report issues or provide

suggestions for improvement.

Fig 3.4.3 : Output Design Guidelines

39
By adhering to these design principles, "Saanjh" ensures that users receive meaningful
and effective outputs that enhance their interaction with the platform.

3.5 Code Design and Development

Code design and development involve creating a structured and efficient codebase for the
"Saanjh" platform, ensuring that the code is maintainable, scalable, and meets functional
requirements. This section outlines the approach to coding, including architecture, coding
standards, and development practices used for the project.

3.5.1 Code Architecture

3.5.1.1 Architecture Overview:

 Client-Server Architecture: The "Saanjh" platform follows a client-server

architecture where the client (front end) interacts with the server (back end) to
perform operations and retrieve data.
 Components:
o Frontend: Developed using React.js and Tailwind CSS for a responsive
and user-friendly interface.
o Backend: Built with Node.js and Express.js to handle API requests,
business logic, and data management.
o Database: MongoDB is used for storing user data, posts, events, and
marketplace listings.
o Integration: The frontend and backend communicate via RESTful APIs.

3.5.1.2 Modular Design:

 Components: Code is organized into reusable components to enhance

maintainability and scalability.
 Services: Business logic is separated into services that can be independently
tested and updated.
 Controllers: API controllers manage request handling and response generation.

3.5.2 Coding Standards

3.5.2.1 Naming Conventions:

 Variables and Functions: Use camelCase for variable and function names (e.g.,
userProfile, fetchPosts).
 Classes and Components: Use PascalCase for class and component names (e.g.,
UserProfile, PostCard).

3.5.2.2 Code Formatting:

40
  Indentation: Use 2 spaces for indentation to maintain code readability.
 Line Length: Keep lines of code within 80-120 characters to avoid horizontal
scrolling.
 Commenting: Use comments to explain complex logic, but avoid redundant
comments. Follow the JSDoc format for documenting functions and classes.

3.5.2.3 Error Handling:

 Try-Catch Blocks: Implement try-catch blocks for handling exceptions and

errors gracefully.
 Validation: Validate user inputs on both the client and server sides to prevent
invalid data from being processed.

3.5.3 Development Practices

3.5.3.1 Version Control:

 Tool: Git is used for version control, with code hosted on GitHub.
 Branching Strategy: Follow Git Flow or feature branching to manage
development and release cycles.
 Commits: Make frequent, descriptive commits with clear messages to track
changes effectively.

3.5.3.2 Testing:

 Unit Testing: Use testing frameworks like Jest for testing individual components
and functions.
 Integration Testing: Ensure that different modules of the application work
together as expected.
 End-to-End Testing: Use tools like Cypress or Selenium to test user interactions
and workflows across the platform.

3.5.3.3 Code Review:

 Peer Reviews: Conduct code reviews to ensure code quality, adherence to

standards, and identify potential issues.
 Automated Reviews: Use tools like ESLint and Prettier to automate code style
and quality checks.

3.5.3.4 Documentation:

 Code Documentation: Document code using JSDoc to provide information about

functions, classes, and modules.
 API Documentation: Use tools like Swagger to document API endpoints,
request/response formats, and authentication methods.

41
3.5.4 Development Workflow

3.5.4.1 Agile Methodology:

 Sprint Planning: Break down the project into sprints with specific goals and
deliverables.
 Daily Standups: Hold daily standup meetings to discuss progress, challenges,
and plans.
 Retrospectives: Conduct retrospectives at the end of each sprint to reflect on
what went well and what can be improved.

3.5.4.2 Deployment:

 Continuous Integration/Continuous Deployment (CI/CD): Set up CI/CD

pipelines using tools like GitHub Actions or Jenkins to automate testing and
deployment processes.
 Hosting: Deploy the application to a cloud service such as AWS, Azure, or
Heroku, ensuring scalability and reliability.

Fig 3.5 : System Architecture.

By adhering to these code design and development practices, the "Saanjh" platform will
have a robust, maintainable, and scalable codebase that meets the project’s requirements
and supports future growth.

42
 CHAPTER 4 : TESTING AND IMPLEMENTATION
4.1 Testing Methodology

4.1.1 Unit Testing

4.1.2 Module Testing

4.1.3 Integration Testing

4.1.4 System Testing

4.1.5 White Box / Black Box Testing

4.1.6 Acceptance Testing

4.2 Test Data & Test Cases

4.3 Test Reports and Debugging

4.4 Implementation Manual

4.5 Implementation

4.6 Users’ Training

4.7 Post Implementation Maintenance

43
CHAPTER 4: TESTING AND IMPLEMENTATION

4.1 Testing Methodology

To ensure that the "Saanjh" platform functions as intended and meets the specified
requirements, a comprehensive testing methodology has been employed. This
methodology encompasses various testing phases, each designed to evaluate different
aspects of the system's performance and reliability.

4.1.1 Unit Testing

**Objective:** Verify the functionality of individual units or components of the

application in isolation.

**Method:** Automated unit tests were created to assess the correctness of functions,
methods, and components, focusing on the logic and behavior of isolated parts of the
code.

**Tools:** Jest was utilized for testing React components, while Mocha and Chai were
employed for backend unit testing in Node.js.

4.1.2 Module Testing

**Objective:** Ensure that integrated modules work together as expected.

**Method:** Testing involved checking the interaction between related features, such as
user profile management and content posting. The integration of these modules was
verified to ensure seamless functionality.

**Tools:** Postman was used to test API integrations, and Cypress was employed for
end-to-end module testing.

4.1.3 Integration Testing

**Objective:** Validate that different parts of the system interact correctly and data
flows as intended.

44
 **Method:** Integration tests focused on the interaction between the frontend and
backend components, including API endpoints and data synchronization between the
client and server.

**Tools:** Cypress and Postman were used for testing the integration of APIs and user
interactions.

4.1.4 System Testing

**Objective:** Assess the overall system's performance, security, and compliance with
requirements.

**Method:** Comprehensive testing covered all aspects of the system, including

performance testing, security assessments, and user acceptance testing (UAT) to ensure
the system meets functional and non-functional requirements.

**Tools:** Load testing was conducted using JMeter, and security assessments were
performed using OWASP ZAP.

4.1.5 White Box / Black Box Testing

**Objective:** Evaluate the system from both internal (white box) and external (black
box) perspectives.

**Method:** White box testing involved examining the internal logic and code
structure, while black box testing assessed the system's functionality and behavior based
on user inputs and outputs.

**Tools:** White box testing was conducted using manual code reviews, and black box
testing was performed using automated test scripts and user scenarios.

4.1.6 Acceptance Testing

**Objective:** Confirm that the system meets the user requirements and is ready for
deployment.

**Method:** User acceptance testing (UAT) was carried out with a selected group of
end-users to validate the platform's usability, functionality, and overall user experience.

45
 **Tools:** Feedback was gathered through surveys and direct user interactions to ensure
the system met user expectations and requirements.

4.2 Test Data & Test Cases

**Test Data:**

- Sample user profiles, event details, marketplace listings, and community posts were
created to simulate real-world scenarios and validate system functionality.

**Test Cases:**

**User Registration:** Validating the registration process, including input validation

and account creation.

**Content Posting:** Testing the ability to post updates, photos, and videos, and
verifying that content appears correctly on user profiles and feeds.

4.3 Test Reports and Debugging

Test Reports:

Detailed reports were generated for each testing phase, highlighting any issues or bugs
discovered. These reports included information on test results, error descriptions, and
severity levels.

Debugging:

Issues identified during testing were analyzed and resolved through debugging efforts.
Tools such as Chrome DevTools, debugging logs, and error tracking systems were used
to pinpoint and fix problems.

4.4 Implementation Manual

46
Installation Steps:

- Detailed instructions were provided for setting up the "Saanjh" platform on a server or
cloud environment. This included steps for configuring the environment, installing
dependencies, and deploying the application.

**Configuration:**

- Configuration guidelines were provided for setting up the database, environment

variables, and server settings to ensure a smooth deployment process.

4.5 Implementation

**Deployment:**

The platform was deployed on cloud services such as AWS or Google Cloud. The
deployment process involved configuring the server environment, uploading application
files, and ensuring all services were operational.

**Challenges:**

Challenges encountered during deployment included configuring cloud resources and

managing server scalability. These issues were addressed through troubleshooting and
adjustments to deployment strategies.

4.6 Users’ Training

Training Sessions:

- Training sessions were conducted to familiarize users with the platform's features and
functionalities. Training materials included user guides, tutorials, and interactive
demonstrations.

47
Documentation:

- Comprehensive user documentation was provided, including help guides, FAQs, and
support resources to assist users in navigating and utilizing the platform effectively.

4.7 Post Implementation Maintenance

Maintenance Plan:

- A maintenance plan was established to ensure the ongoing operation and support of the
platform. This included routine checks, updates, and backups to maintain system
performance and reliability.

Support:

- Support mechanisms were put in place to assist users with any issues or questions. This
included a helpdesk system, support tickets, and a dedicated team for addressing user
concerns and feedback.

48
CHAPTER 5 : CONCLUSION AND REFERENCES
5.1 Conclusion

5.2 System Specifications

5.2.1 H/W Requirement

5.2.2 S/W Requirement

5.3 Limitations of the System

5.4 Future Scope for Modification

5.5 References

49
CHAPTER 5: CONCLUSION AND REFERENCES

5.1 Conclusion

The "Saanjh" platform represents a significant step towards addressing the unique needs
of local communities through a dedicated digital solution. By integrating features tailored
to local interactions and commerce, the platform successfully bridges the gap between
broad-scale social media and localized community engagement.

Key Achievements:

1. **Enhanced Community Engagement:** "Saanjh" facilitates stronger connections

among community members through features such as user profiles, content posting, and
forums. This has fostered a more interactive and supportive local environment.

Overall Impact:

"Saanjh" has successfully met its objectives by offering a tailored solution that enhances
local engagement and supports community-driven initiatives. The platform's design and
implementation have been aligned with the needs of the local community, providing a
valuable tool for interaction and commerce.

5.2 System Specifications

5.2.1 Hardware Requirements

Server:

- CPU: 2 vCPUs (or equivalent)

- RAM: 4 GB minimum

- Storage: 50 GB SSD (scalable based on data growth)

Client (End-user devices):

50
 - Any modern device with internet access (smartphones, tablets, or desktops)

- Browsers: Latest versions of Chrome, Firefox, Safari, and Edge

5.2.2 Software Requirements

Frontend:

- React.js for building user interfaces

- CSS frameworks like Tailwind CSS for styling

Backend:

- Node.js and Express.js for server-side logic

- MongoDB for database management

Development Tools:

- Visual Studio Code (IDE)

- Git for version control

Deployment:

- Cloud platforms such as AWS or Google Cloud for hosting and scaling

Testing Tools:

- Jest for unit testing

- Cypress for end-to-end testing

- Postman for API testing

5.3 Limitations of the System

Despite the platform’s robust features, several limitations have been identified:

1. Scalability Challenges: While the system is designed to handle moderate user loads,
scaling to support very large user bases may require additional optimizations and
infrastructure adjustments.

51
2. Feature Limitations: Certain advanced features available in global social media
platforms may be lacking in "Saanjh," such as sophisticated algorithms for content
recommendation and advanced analytics.

3. Integration Complexity: Integrating with third-party services and APIs may introduce
complexities and potential points of failure, which need to be managed carefully.

4. User Training Requirements: Some users may require additional training to fully
utilize all the features of the platform, which could impact user adoption and satisfaction.

5.4 Future Scope for Modification

To enhance the "Saanjh" platform and address the limitations mentioned, several
modifications and improvements can be considered:

1. Enhanced Scalability: Implementing more robust cloud solutions and optimizing code
for better performance can support larger user bases and increased traffic.

2. Advanced Features: Adding advanced features such as personalized content

recommendations, analytics dashboards, and enhanced search capabilities can improve
user experience and engagement.

3. Third-Party Integrations: Expanding integration capabilities with additional third-party

services can enhance functionality and provide users with more comprehensive tools.

4. User Experience Improvements: Continual user feedback and usability testing can
guide iterative improvements to the platform’s interface and features, ensuring it remains
user-friendly and effective.

5. Mobile App Development: Developing native mobile applications for iOS and Android
can provide a more seamless experience for users accessing the platform from mobile
devices.

5.5 References/Bibliography

1. Websites:

"React.js Documentation," https://reactjs.org/docs, Accessed July 2024.]

52
"Node.js Documentation," https://reactjs.org/docs, Accessed July 2024.]

"Mongoodb Documentation," https://reactjs.org/docs, Accessed July 2024.]

"Redux Toolkit," https://redux-toolkit.js.org/, Accessed July 2024.]

2. Software Tools:

React Developer tools ,Redux Dev Tools, Pesticide for Crome ,colorZilla

53
CHAPTER 6 : ANNEXURES (Screen Snapshots must be annexed)
A-1 Menu Flow Diagram

A-2 Decision Table

A-3 Data Dictionary

A-4 Test Reports

A-5 Sample Inputs

A-6 Sample Outputs

54
CHAPTER 6: ANNEXURES

A-1 Menu Flow Diagram

The Menu Flow Diagram provides a visual representation of the navigation structure of
the "Saanjh" platform. It outlines the different menus, sub-menus, and their
interconnections, helping users understand the layout and flow of the application.

Fig A1: Menu Flow Diagram

A-2 Decision Table

The Decision Table presents the decision-making logic implemented in the system. It
details various scenarios, conditions, and corresponding actions taken by the system. This
is crucial for understanding the decision processes that drive the application’s behavior.

55
 Table A2: Decision Table

A-3 Data Dictionary

The Data Dictionary provides comprehensive details about the data elements used in the
"Saanjh" platform. It includes definitions, data types, constraints, and relationships of
various entities within the database.

 Table Name: users

 Description: Stores information about users of the platform.

Table:A3 Data Dictionary

56
A-4 Test Reports

Test Reports summarize the results of different testing phases carried out for the
platform. They include details on unit testing, module testing, integration testing, system
testing, and any issues encountered, along with their resolutions.

A-4 .1. Test Report Summary

Project Name: Saanjh - A Local Social Media Platform

Test Date: 12/8/2024

Tested By: Devender kushwaha

Test Environment:

- **Operating System**: Windows 10

- **Browser**: Google Chrome

- **Database**: MongoDB

- **Backend**: Node.js

- **Frontend**: React.js

- **Testing Tools**: Thunder Client , crome

A-4 .2. Test Cases

**Test Case ID**: TC-01

**Test Description**: Verify user registration functionality.

**Preconditions**: User is not registered on the platform.

57
**Steps**:

1. Navigate to the registration page.

2. Enter valid user details.

3. Click on the "Register" button.

Expected Result:Details of registration.

Actual Result**:

Status: Pass

Test Case ID: TC-02

Test Description: Verify login functionality with correct credentials.

58
**Preconditions**: User is already registered on the platform.

**Steps**:

1. Navigate to the login page.

2. Enter valid email and password.

3. Click on the "Login" button.

**Expected Result**: User should be successfully logged in and redirected to the

dashboard and return token no.

**Actual Result:

**Status**: Pass

59
**Test Case ID**: TC-03

**Test Description**: Verify the functionality of posting content.

**Preconditions**: User is logged in and has a complete profile.

**Steps**:

1. Navigate to the "Create Post" section.

2. Enter text and upload an image.

3. Click on the "Post" button.

**Expected Result**: Content should be successfully posted and visible on the user's
profile and news feed.

**Actual Result**: Post created successfully

**Status**: Pass

60
Test Case ID: TC-04

Test Description: Verify the functionality to send a friend request..

**Preconditions**: User is logged in and has an active profile.

Steps:

1. Navigate to another user's profile page.

2. Click on the "Add Friend icon" button.
3. Confirm the friend request. Expected Result: The friend request should be sent
successfully, and the button should change to "Request Sent" or similar status.
The other user should receive a notification of the friend request.
Actual Result: friend added

4.
Status: Pass

A-4 .3. Test Report Summary

- **Total Test Cases Executed**: 4

- **Total Test Cases Passed**: 4

- **Total Test Cases Failed**: 0

- **Pass Percentage**: 100

61
A-5 Sample Inputs

Sample Inputs showcase example data used for testing the system. They help in
demonstrating how the platform handles different types of data and user interactions.

62
A-6 Sample Outputs

Sample Outputs display the results produced by the system when processing sample
inputs. These outputs are used to validate that the platform functions as expected and
meets the requirements.

63
Saanjh – A local Social Media Platform

64
65