Project Specifications - Haribon E - Wall

Haribon E- Wall: Pamantasan ng Lungsod ng Maynila Grievance Forum

Overview

Developed a web-based grievance forum for Pamantasan ng Lungsod ng Maynila to streamline the students' grievances and admins' responses. The system aimed to help admins to moderate and monitor the discussion and to immediately solve the concerns of the grievant. The project involved designing and implementing a user-friendly interface, student to admin communication, and clean threads or topics in the forum.

The project employed a modern web technologies, including React JS, Node JS, Express JS, along with Firebase for the database. Agile methodology were adopted to ensure iterative development, regular feedback cycles, and timely delivery of project milestones. Collaboration tools such as Git (GitHub) were utilized for version control system. While Figma Jam and Notion for project management.

As the lead programmer & UI/UX Lead, this project exemplifies my ability to analyze complex systems, translate them into technical solutions, and effectively collaborate with stakeholders to deliver impactful software solutions. It also showcases my proficiency in web development, database design, project management, and problem-solving skills in a real-world context

Project Scope

The scope of the project encompasses the development of a responsive and user-friendly grievance forum for Pamantasan ng Lungsod ng Maynila. The web app will serve as an online platform for students and admins to share and answer concerns. Key features and functionalities of the website include:

1. Microsoft Login Authentication

   Authenticates only legitimate PLM Microsoft Outlook users

2. ( Post - Read - Comment - Vote ) on Posts

   Ability to CRUD Functionalities

3. Profanity Blocker & Abusive Content Detector

   Blocks profane word and detects if the user's post contains abusive content.

4. Anonymity Feature

   Hides identity of the user when posting

5. Email Notification

   Sends alert to users' email when someone mentioned, or commented on a post

6. Rich Text Editor

   Ability to customize the posts including the font size, font style, alignment, and insertion of images and hyperlinks

7. Filtered Posts

   Ability to filter posts based on the needs of the user

8. Admin and User Separated Controls

   Admin controls includes the addition of profanity words, generation of [daily, weekly, monthly, yearly] reports, deleting posts, archiving posts, etc.

Technologies

The Tech Stack used in the development of the system is Firebase - Express JS - React JS - Node JS (FERN) Stack

UI/UX