FocusNet- A Global Open Source Study Collaboration Platform For Students

A 1-Year Full Stack Web Development Project (PHP + Firebase + MySql + Vps Deployment)

Introduction

In today’s digital learning era, students are often scattered across multiple platforms Discord for communication, Google Drive for sharing files, Spotify for focus music, and separate tools for productivity tracking. This fragmentation reduces focus and creates inefficiency in collaborative learning.

To solve this, we built FocusNet, a full-stack open-source web application designed to bring everything a student needs into one unified ecosystem.

FocusNet enables students worldwide to:

• Create and join study communities
• Share learning materials securely
• Communicate in real-time
• Stay focused using Pomodoro sessions
• Explore subjects collaboratively

Built by a team of 6 undergraduate developers, this project represents our first deep dive into system design, backend architecture, real-time communication, and VPS deployment.

1.1 Home Page Preview

Problem Statement

Modern students face three major challanges:

1. Fragmented Learning Tools

Students rely on multiple platforms for:

• Chat — (Discord or WhatsApp)
• File Sharing — (Google Drive)
• Focus Tools — (Pomodoro Apps)
• Music — (Spotify)

The fragmentation reduces productivity and increases cogniticve load.

2. Lack Of Structured Academic Communities

Most platforms do not offer:

• Subject Based Structured Communities
• Controlled Access — (public/private academic spaces)
• Organized Collaboration Between Students Of Similar Interests

3. Poor Real Time Collaboration in Academic Platforms

Existing learining platforms lack:

• Lightweight real-time chat systems
• Community-based interaction systems that scale dynamically

We aimed to build a “single unified system” that solves all three ploblems.

Solution (FocusNet)

[embed]1.2 Official Lunch Video

FocusNet is a monolithic PHP-based full-stack platform enhanced with Firebase Realtime Database for instant communication.

It combines multiple systems into one:

Core Idea

A global platform where students can:

• Create communities (like “Data Structures”, “AI/ML”, etc.)
• Join public or private group
• Share resources securely
• Chat in real-time
• Stay focused using Pomodoro timers

Architecture (Monolithic + Firebase Hybrid)

FocusNet follows a monolithic architecture using PHP, with Firebase acting as a real-time communication layer.

🔧 Backend (PHP + MySQL)

• User authentication system
• Community creation & management
• File upload handling system
• Access control (communities)
• Database operations (MySQL)

⚡ Real-Time Layer (Firebase Realtime Database)

• Dynamic chat rooms per community
• Instant message synchronization
• Unique chat room generation per community

🌐 Frontend

• HTML, CSS, JavaScript
• UI handling for communities, chat, uploads, and timers

☁️ Deployment Architecture

• Hosted on a DigitalOcean VPS
• Configured with Nginx + PHP backend
• MySQL database hosted on server environment

This was our first real-world deployment experience, giving us hands-on exposure to production-level hosting.

Dev Team

sithija imesh , Manuja Demin , Kusumindapabasara , Hesara Goonewardena , Eleeshacrismal , @ishika attanayaka , Nisith Welivitiya

LinkedIn :

https://www.linkedin.com/in/manuja-demin-908749283

https://www.linkedin.com/in/kusumindapabasara/

https://www.linkedin.com/in/imesh-ggs-b217b8388/

https://www.linkedin.com/in/eleesha-fonseka-004838283/

www.linkedin.com/in/ishioshadhee

https://www.linkedin.com/in/nisith-welivitiya-76ab8b383/

Project Screenshots

1.3 FocusNet Dashboard

1.4 Pomodoro Sessions FocusNet

1.5 Spotify Streaming FocusNet

1.6 Admin Dashboard FocusNet

1.7 Community Category Page FocusNet

1.8 Community View FocusNet

1.9 Inside Community FocusNet

2.0 Chat Rooms FocusNet

2.1 File Upload Feature FocusNet

2.2 Admin Page FocusNet

2.3 Admin Manage Communities FocusNet

2.4 Admin Page Manage Users FocusNet

⚠️ Key Engineering Challenges

This project wasn’t just about building features — it was about solving real engineering problems.

🔴 1. Dynamic Firebase Chat Room Generation

Each community required its own real-time chat system.

Challenge:

• Creating unique chat nodes dynamically
• Syncing PHP backend data with Firebase structure

What We Learned: Designing scalable NoSQL structures and integrating them with relational systems.

🔴 2. Secure File Upload System

We implemented a filtered file upload mechanism.

Challenge:

• Preventing malicious file uploads
• Validating file types and sizes
• Ensuring secure storage

What We Learned: Backend security fundamentals and input validation techniques.

🔴 3. Public vs Private Community Logic

We designed a visibility system:

• Public → visible to all users
• Private → visible only to approved members

Challenge:

• Implementing access control logic
• Maintaining consistent permission checks

What We Learned: Real-world application of access control systems (similar to RBAC).

🔴 4. First-Time VPS Deployment

Deploying to production was one of our biggest hurdles.

Challenge:

• Configuring Nginx server blocks
• Deploying PHP manually
• Managing database connections
• Debugging without GUI tools

What We Learned: Practical DevOps skills and real-world server management.

• Domain & SSL certificate configuration in VPS
• Monolithic architecture design
• Real-time system integration
• Access control mechanisms
• Scalable chat system design

🔹 Soft Skills

• Team collaboration (6-member team)
• Problem-solving under constraints
• Debugging production issues
• End-to-end feature ownership

📉 Project Outcome & Impact

FocusNet was successfully deployed and made available for public use. While the server is currently inactive due to hosting constraints, the project fully achieved its true objective: the learning experience.

This initiative marked a major milestone in our development journey, serving as our:

• First backend system built entirely from scratch.
• First VPS deployment in a live production environment.
• First real-time application integration.
• First hands-on exposure to system architecture.

🧠 Conclusion

FocusNet is more than just a student project — it represents our transition from understanding abstract concepts to building functional, real-world systems.

By strategically combining a diverse tech stack, we engineered a system that closely mirrors modern production architecture:

• PHP (Robust Backend Logic)
• MySQL (Structured Data Layer)
• Firebase (Dynamic Real-Time Layer)
• VPS Deployment (Production Environment)

💭 Key Takeaways: What This Project Taught Us

“Building scalable systems is not just about writing code.

If there is one definitive lesson we walked away with, it is that software engineering requires a holistic approach. Beyond syntax, this project taught us the critical importance of:

1. Designing intentional architecture rather than just patching features.
2. Handling real-world constraints like hosting and budget limitations.
3. Making deliberate trade-offs between speed, cost, and scalability.
4. Embracing failure as a necessary vehicle for technical growth.

Final Note

FocusNet may no longer be live, but the experience behind it continues to shape our journey as developers.

We are now ready to build larger, scalable, production-ready systems with stronger engineering principles.

github repo :

[embed]GitHub - ManujaDemin-dev/Web_groupAE Contribute to ManujaDemin-dev/Web_groupAE development by creating an account on GitHub.github.com