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
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:
Microsoft Login Authentication - Authenticates only legitimate PLM Microsoft Outlook usersAuthenticates only legitimate PLM Microsoft Outlook users
Post - Read - Comment - Vote on Posts - Ability to CRUD Functionalities
Profanity Blocker & Abusive Content Detector - Blocks profane word and detects if the user's post contains abusive content.
Anonymity Feature - Hides identity of the user when posting
Email Notification - Sends alert to users' email when someone mentioned, or commented on a post
Rich Text Editor - Ability to customize the posts including the font size, font style, alignment, and insertion of images and hyperlinks
Filtered Posts - Ability to filter posts based on the needs of the user
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.
The Tech Stack used in the development of the system is Firebase - Express JS - React JS - Node JS (FERN) Stack
