Skip to content

Repository files navigation

Volunteer Connect Web Application

Project Overview

Volunteer Connect is a secure full-stack web application developed as part of a university project to connect volunteers with organisations through a structured role-based platform. The system streamlines volunteer opportunity discovery, application management, communication, and organisational coordination.

I led the technical implementation of the platform, designing and building the core application architecture, authentication workflows, role-based access control, database integration, and deployment pipeline.


Features

  • Secure user authentication using Firebase Authentication
  • Role-based access control for Volunteers and Organisations
  • Opportunity posting and application tracking system
  • Real-time messaging between volunteers and organisations
  • Firestore database integration for structured data storage
  • User and organisation profile management
  • Testimonials and feedback system
  • Payment workflow integration
  • Protected routes for secure page access
  • Responsive web interface for accessibility across devices

My Contributions

  • Designed and implemented the core application architecture
  • Built secure authentication workflows using Firebase Authentication
  • Developed role-based access control logic and protected routes
  • Structured and integrated Firestore database collections
  • Built messaging, application, and payment workflow systems
  • Configured Firebase Hosting and deployment pipeline
  • Implemented Firestore Security Rules for controlled access
  • Managed system documentation, testing, and feature refinement

Security Features

  • Firebase Authentication for secure login and session management
  • Role-based access restrictions to prevent unauthorized actions
  • Firestore Security Rules for controlled database access
  • Protected frontend routes for access boundary enforcement
  • Input validation for secure data handling
  • Structured access control across messaging, applications, and payments

Tech Stack

Frontend

  • React.js
  • JavaScript
  • HTML
  • CSS

Backend & Services

  • Firebase Authentication
  • Cloud Firestore
  • Firebase Hosting
  • Firebase Functions

Database Structure

The application uses Firestore collections for:

  • users
  • organizationProfiles
  • opportunities
  • applications
  • conversations
  • messages
  • payments
  • testimonials

Architecture

The application follows a client-server architecture using React for the frontend and Firebase for backend services. Authentication manages user access, while Firestore handles structured application data, communication workflows, and system records. Security rules enforce access integrity and data protection across all workflows.


Deployment

Live Application: https://volunteerconnect-ee130.web.app/


Key Learnings

Through this project, I strengthened my understanding of:

  • Full-stack web application development
  • Authentication and access control systems
  • Secure database workflows
  • Real-time messaging implementation
  • Secure deployment pipelines
  • Scalable system design
  • Practical security implementation in production-ready systems

Future Improvements

  • Advanced admin dashboard
  • Security event logging and monitoring
  • Notification system
  • Analytics reporting
  • Multi-factor authentication (MFA) support
  • API integrations

Author

Pranjal Awasthi Lead Developer | Cyber Security Graduate

About

Secure volunteer management web application with authentication, role-based access control, and Firebase-backed workflows for volunteer-organisation coordination.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages