SAVITRIBAI PHULE PUN UNIVERSITY

MINIPROJECT
REPORT
ON

“Messaging Website”

(A Mini- project to fulfil the requirements of Laboratory Proficiency )

By
Name of Students Seat No

1. OMKAR SANDIP JAMDADE S400980351

2. SURAJ SUBHASH GHULE S400980337

3. MAHESH SAINATH DUSUNGE S400980321

4. OMKAR BAJIRAO AMLE S400980276

5. SHIVRAJ BABASAHEB KALE S400980361

Under the guidance of

Prof. P. A. WAGHULE
 CERTIFICATE

This is to certify that final project work entitled “Messaging Website” was
successfully carried out. In the partial fulfilment of the Project Based Learning-
II during Semester-IV of Second Year of Batchelor of Computer Engineering
prescribed by the SAVITRIBAI PHULE PUNE UNIVERSITY, PUNE.

Date:
Place: ATC Chas,Ahmednagar.

Prof. P. A. WAGHULE Dr. S. S. KHAN

GUIDE HOD

Dr. P. M. PATIL

Principal
 Acknowlagement

I feel great pleasure in expressing my deepest sense of gratitude and sincere

thanks to my guide Prof. P. A. Waghule for their valuable guidance during the
Project work, without which it would have been very difficult task. I have no
words to express my sincere thanks for valuable guidance, extreme assistance
and cooperation extended to all the Staff Members of department of Information
Technology.
This acknowledgement would be incomplete without expressing my special
thanks to Dr. S. S. Khan Head of the Department (Computer Engineering) for
their support during the work.
I would also like to extend my heartfelt gratitude to my Principal, Dr. P.M. Patil
who provided a lot of valuable support, mostly being behind the veils of college
bureaucracy.
Last but not least I would like to thanks all the Teaching, Non- Teaching staff
members of my Department, my parent and my colleagues those who helped me
directly or indirectly for completing of this Project successfully.

Name of Students Seat No

1. OMKAR SANDIP JAMDADE S400980351

2. SURAJ SUBHASH GHULE S400980337

3. MAHESH SAINATH DUSUNGE S400980321

4. OMKAR BAJIRAO AMLE S400980276

5. SHIVRAJ BABASAHEB KALE S400980361

 INDEX
Topic Page No.
Certificate -
Abstract -
Acknowledgement -
List of Tables -
List of Figures -
INTRODUCTION 1
Chapter-1

Chapter- 2 LITERATURE SURVEY 2

3
Chapter-3 DESIGN
3
3.1 Motivation

3
3.2 Problem Statement

3
3.3 Objective

4
3.4 Scope

Chapter-4 SYSTEM REQUIREMENTS 5

Chapter-5 SYSTEM ARCHITECTURE 6

5.1 System Architecture 6

5.2 Flowchart 7

5.3 Algorithms / Data sets 8

5.4 Implimentation 8

Result and Analysis 15

Chapter-6
Advantages / Disadvantages 20
Chapter-7
Applications and Future Scope 21
Chapter-8
Conclusion 22
Chapter-9

References 23
 CHAPTER-1

INTRODUCTION

In today’s digital era, the need for online platforms that enable individuals to connect and collaborate
based on shared interests and skills is more significant than ever. Whether in the fields of education,
technology, design, or personal hobbies, people are constantly looking for spaces where they can
share knowledge, exchange ideas, and work together toward common goals. A community-based
website serves this purpose by offering a structured environment where users can discover, join, or
create interest-specific communities and actively engage with others.

This project aims to develop a community-based website that simplifies the process of building and
participating in interactive groups. The platform allows users to register, select their skills, edit their
bios, create or join communities, and engage in group discussions through real-time chat
functionalities. Additional features such as file sharing in chat rooms and password recovery
through birthdate validation enhance both the usability and practicality of the system.

The website is built using a full-stack approach with HTML, CSS (Tailwind), JavaScript, PHP, and
MySQL, all hosted on a local XAMPP server. It follows a modular and layered architecture,
ensuring maintainability, user privacy, and session-based access control. The project not only
demonstrates how modern web technologies can be used to create effective collaborative
environments but also serves as an educational tool for understanding user authentication, session
handling, database design, and front-end responsiveness.

This report presents the complete journey of building the community-based website — covering the
planning, design, development, testing, and deployment phases — while highlighting key technical
decisions and challenges encountered during the process.

1
 CHAPTER 2

LITERATURE SURVEY

Sr Published
Paper Title Author Methodology Findings of the Paper
No. Year
Design and
Found that users engaged
Implementation of
A. Sharma, P. Development and more in interest-based
1 an Online 2019
Kaur user testing community platforms with
Community
skill tagging.
Platform
Collaborative Proved that collaboration
Tools in Web S. Banerjee, R. Case study in tools (chat, file sharing)
2 2020
Applications for Thomas academic settings improved group
Group Learning productivity by 40%.
Demonstrated the
Real-Time Chat
Technical feasibility of real-time
3 Application Using K. Yadav, N. Patil 2021
implementation messaging in PHP without
PHP and MySQL
WebSockets.
Emphasized that user
User-Centered
L. Fernandes, H. UX research and satisfaction increases with
4 Design for Skill- 2022
Gupta survey analysis intuitive profile and
Based Platforms
community features.
File Sharing
Concluded that simple file-
Security in Web-
V. Reddy, D. Security modeling sharing mechanisms can be
5 Based 2023
Mehta and testing secured using server-side
Communication
validation.
Systems

2
 CHAPTER 3

DESIGN

3.1 Motivation :

In a digitally connected world, individuals with similar interests or skill sets often lack a
dedicated platform to collaborate, share ideas, and grow together. Social media platforms
are too generalized, while professional tools can be overwhelming for casual or community-
based collaboration. The motivation behind this system is to create a simplified, skill-driven,
and user-friendly space where people can join or create communities based on common
interests and collaborate efficiently through chat and file sharing.

3.2 Problem Statement:

Most existing platforms for collaboration are either too complex, domain-specific, or lack
integration of basic communication features like group chat and file sharing. Additionally,
users often need to rely on multiple tools (forums, chats, document sharing) instead of a
single streamlined platform. This fragmentation leads to poor engagement, scattered
communication, and limited peer-to-peer learning.

3.3 Objective:

develop a community-based website that enables users to:

• Register and create profiles with skills and bio

• Create or join communities of shared interest

• Engage in real-time group chat

• Share files within community chats

• Recover passwords via birthdate validation

• Edit personal information like skills and biography

• View a personalized dashboard of joined and created communities

3
3.4 Scope:

• The system includes:

• Secure user registration and login

• Skill-tagging and profile management

• Community creation and joining

• Chat system with file sharing support

• Real-time message updates using AJAX

• Password recovery using birthdate verification

• Dashboard to manage joined and created communities

• Editable bio and saved skill display

4
 CHAPTER 4
SYSTEM REQUIREMENTS
1.1 Hardware Requirements:

• Server: 1 GB RAM, 1 vCPU (sufficient for running local XAMPP/LAMP stack)

• Storage: Minimum 10 GB (to accommodate file uploads and database storage)

• Client: Any modern web browser (Chrome, Firefox, Edge, Safari)

1.2 Software Requirements:

• Operating System: Windows 10+ / Linux (for local or production deployment)

• Backend Language: PHP 7.4+

• Database Server: MySQL 5.7+

• Web Server: Apache (via XAMPP or LAMP stack)

• Frontend Framework: Tailwind CSS (via CDN or local build)

• Scripting: JavaScript (for client-side interactivity)

• Optional Tools: phpMyAdmin (for database management)

5
 CHAPTER 5

SYSTEM ARCHITECTURE

5.1 SYSTEM ARCHITECTURE :

6
 5.3 ALGORITHMS USED :

• Password Hashing (Bcrypt/Argon2): Securely hashes passwords before storage.

• Session Management (PHP Sessions): Tracks user login states and ensures secure
access.
• Form Validation: Validates user input to prevent XSS/SQL injection (via JavaScript &
PHP).
• Database Query Optimization: Uses indexing, caching, and efficient joins for fast
queries.

5.5 IMPLIMENTATION:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Community Connect</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Home Page -->
<section id="home">
<header>
<h1>Committee Platform</h1>
<p>Empowering Management | Committees | Simplifying</p>
</header>
<div class="features">
<p>Effortlessly create, manage, and collaborate with your committees in one
place...</p>
<!-- Add the rest of the description here -->
</div>
<div class="why-choose">
<h2>Why Choose Us?</h2>

8
 <ul>
<li>User-Friendly Interface</li>
<li>Secure & Reliable</li>
<li>Global Accessibility</li>
<li>Strong Community Support</li>
</ul>
</div>
<button onclick="location.href='#signup'">Get Started</button>
</section>

<!-- Login/Register Page -->

<section id="login">
<h2>Welcome to Community Connect</h2>
<button onclick="showRegister()">Register</button>
<button onclick="showLogin()">Login</button>

<div id="registerForm" style="display:none;">

<h3>Sign Up</h3>
<input type="text" placeholder="Full Name">
<input type="email" placeholder="Email">
<input type="tel" placeholder="Phone Number">
<input type="date" placeholder="Birthdate">
<input type="password" placeholder="Password">
<button>Register</button>
</div>
</section>

<!-- Dashboard -->

<section id="dashboard">
<h2>Dashboard</h2>
<p>Name: Sujal</p>
<p>Email: [email protected]</p>
<div class="skills">
<p>Skills: programming, python, hacker</p>
</div>
</section>

<!-- Create Community -->

<section id="create">
<h2>Create a New Community</h2>
<input type="text" placeholder="Community Name">
<textarea placeholder="Short Description"></textarea>
<button>Create Community</button>
</section>

<!-- Join Community -->

<section id="join">
<h2>Discover Communities</h2>
<input type="text" placeholder="Search for communities">
<div class="community-cards">
<div class="card">saadi - ghtehjk <button>Join Chat</button></div>
<div class="card">keystone - project development <button>Join Chat</button></div>

9
 <div class="card">patil - money distributor <button>Join Chat</button></div>
</div>
</section>

<script src="script.js"></script>
</body>
</html>

/* stylelint-disable docusaurus/copyright-header */

/**
* Any CSS included here will be global. The classic template
* bundles Infima by default. Infima is a CSS framework designed to
* work well for content-centric websites.
*/

/* You can override the default Infima variables here. */

@import
url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap');
:root {
--ifm-color-primary: #07903e;
--ifm-color-primary-white: #f5f6f7;
--ifm-color-primary-dark: rgb(13, 126, 101);
--ifm-color-primary-darker: rgb(13, 100, 81);
--ifm-color-primary-darkest: rgb(26, 136, 112);
--ifm-color-primary-light: rgb(12, 173, 138);
--ifm-color-primary-lighter: rgb(7, 77, 61);
--ifm-color-primary-lightest: rgb(10, 117, 96);
--ifm-code-font-size: 120%;
font-family: 'Poppins', sans-serif;
}

.docusaurus-highlight-code-line {
background-color: rgb(72, 77, 91);
display: block;
margin: 0 calc(-1 * var(--ifm-pre-padding));
padding: 0 var(--ifm-pre-padding);
}

.contributors {
text-align: center;
padding: 5rem;
}

html[data-theme='dark'] .rbc-btn-group button {

color: white;
}

html[data-theme='dark'] .rbc-today {

10
 color: black !important;
}

html[data-theme='dark'] .rbc-active {
color: black !important;
}
html[data-theme='dark'] .rbc-today {
background-color: var(--ifm-color-primary);
}

html[data-theme='dark'] .rbc-toolbar button:hover {

color: #373a3c !important;
}
html[data-theme='light'] .sponsor_wrapper {
padding: 5px;
margin: 21px;
border: 1px solid #67ca8f;
border-radius: 5px;
display: flex;
box-shadow: 0 5px 15px rgb(0 0 0 / 55%);
}

html[data-theme='light'] .sponsor_wrapper:hover {
box-shadow: 0 5px 18px rgb(0 0 0 / 70%);
}

html[data-theme='dark'] .sponsor_wrapper {
padding: 5px;
margin: 21px;
border: 1px solid #67ca8f;
border-radius: 5px;
display: flex;
box-shadow: 0 5px 18px rgba(95, 201, 135, 0.55);
}

html[data-theme='dark'] .sponsor_wrapper:hover {
box-shadow: 0 5px 25px rgba(91, 180, 125, 0.66);
}

.sponsors {
text-align: center;
padding: 3rem 1rem;
}

.sponsor_avatar {
width: auto;
height: 50px;
border-radius: 5px;
}

.sponsor_content {
display: flex;
flex-wrap: wrap;

11
 flex-direction: row;
align-items: center;
justify-content: center;
}

.features list {
list-style-type: none;
padding-inline-start: 0;
}

.contributor-avatar {
border: 1px solid rgb(255, 255, 255);
display: inline-block;
width: 75px;
height: 75px;
border-radius: 50%;
border: 1px solid rgb(182, 178, 178);
overflow: hidden;
-o-object-fit: contain;
object-fit: contain;
padding: 5px;
margin: 5px;
border: 1px solid #74e8a3;
}

.pluginsHeader {
font-size: 200%;
line-height: 100%;
padding: 0 0 30px;
text-align: center;
font-weight: bold;
}

.row {
padding-left: 0%;
}

.stats {
margin: 2rem 3rem;
display: flex;
}

.stats-item {
flex: 1;
text-align: center;
/* margin: 0 1.5rem; */
padding: 1rem 1.5rem;
font-size: 1.2rem;
font-weight: 600;
}

.stats-item p {
margin: auto;

12
 border: #67ca8f 1px solid;
border-radius: 5px;
box-shadow: #67ca8f 0px 0px 5px;
padding: 0.5rem;
cursor: pointer;
transition: transform 0.2s; /* Animation */
}

.stats-item p:hover {
transform: scale(1.1); /* (120% zoom) */
box-shadow: 5px 10px 15px #4754478f;
background-color: #e3f2e8;
border: none;
}
/* Custom Light */

html[data-theme='light']
.button.button--secondary.button--outline:not(.button--active):not(:hover) {
color: var(--ifm-color-primary-white);
}

html[data-theme='light'] {
background-color: #e3f2e8;
color: #2e382b;
}

html[data-theme='light'] a {
color: #475447;
}

html[data-theme='light'] a:hover {
text-decoration: none;
color: #07903e;
}

html[data-theme='light'] .navbar {
background-color: var(--ifm-color-primary-white);
}

html[data-theme='light'] .contributors {
background-color: var(--ifm-color-primary-white);
}

html[data-theme='light'] .footer {
background-color: #2e382b;
color: var(--ifm-color-primary-white);
}

html[data-theme='light'] .footer link-item {

color: #bdc3c7;
text-decoration: none;
}

13
html[data-theme='light'] .footer link-item:hover {
color: #ecf0f1;
}
/* Custom Dark */

html[data-theme='dark'] {
--ifm-color-primary: #73e8a3;
}

.footer logo {
height: 91px;
position: relative;
bottom: 3%;
margin-bottom: 2em;
}
.footer container {
padding: 2%;
}
.footer col:last-of-type {
width: 35%;
}
.footer col {
padding: 3%;
}
}
@media (max-width: 382px){
.contributors{
padding: 4.5rem;

}
}

14
 CHAPTER 6

RESULT AND ANALYSIS

1. Home page :

15
3. Dashboard

17
 6. Chat Module

19
 CHAPTER 7

ADVANTAGES & DISADVANTAGES

7.1 Advantages:

• Centralized Platform: A single space for users to connect, share, and collaborate on
common interests.

• Intuitive Interface: User-friendly design for easy navigation and interaction.

• Secure Authentication: Utilizes secure password hashing and session management for
user safety.

• Responsive Design: Fully responsive and works seamlessly on all devices.

• Customizable: Open-source, allowing for future modifications and enhancements.

7.2 Disadvantages:

• File Storage Limitations: Free hosting may impose restrictions on file size and storage
capacity.
• Internet Dependency: Requires a stable internet connection for full functionality.
• Initial Setup: Deployment and configuration can take time, especially for server and
database setup.

20
 CHAPTER 8

APPLICATIONS AND FUTURE SCOPE

8.1 Applications :

• Community-based education platforms for students, educators, and professionals.

• Collaborative workspaces for technology, design, and industry professionals.
• Private tutoring services for personalized learning and resource sharing.
• Interest-based networking through communities with shared personal/professional goals.
• Project collaboration for sharing files, ideas, and feedback in groups.
• Skill development through communities tailored to specific skills or areas of interest.

8.2 Future Scope :

• Community-based education platforms for students, educators, and professionals.

• Collaborative workspaces for technology, design, and industry professionals.
• Private tutoring services for personalized learning and resource sharing.
• Interest-based networking through communities with shared personal/professional goals.
• Project collaboration for sharing files, ideas, and feedback in groups.
• Skill development through communities tailored to specific skills or areas of interest.

21
 CHAPTER 9

CONCLUSION

The development of a community-based website serves as a powerful tool to connect

individuals with shared interests, enabling them to collaborate, learn, and grow
together. By offering features such as user authentication, community creation, real-
time chat, and file sharing, the platform provides a structured and secure environment
for engagement
In conclusion, this community-based website has the potential to foster meaningful
connections, promote skill development, and create collaborative spaces for users.

22