The BKPK STT Terpadu Nurul Fikri website was developed as a digital information hub for students. Its main features include the BKPK profile, a flexible organizational hierarchy that changes by term, an interactive mentor directory, program and activity announcements, a photo gallery, and a feedback service via WhatsApp through a designated contact person. The website features a responsive design, support for two languages, and an admin dashboard for content management. The website was built using Next.js, React, TypeScript, PostgreSQL, Prisma, and GSAP, and is currently running on a Microsoft Azure VPS using Docker and Caddy with HTTPS access.
Select an image to enlarge · 5 images
Information about the BKPK at STT Terpadu Nurul Fikri is still scattered and lacks an official information hub. Students have difficulty finding activity announcements and documentation, while data management for the executive board, mentors, and activities is still done manually. As the lead developer, I was responsible for the design, application development, and deployment to build a BKPK information hub that is easily accessible to students and easy for the executive board to manage. I built a responsive website using Next.js, TypeScript, PostgreSQL, and Prisma, with GSAP animations. The features developed include an organizational profile, executive hierarchy, mentor list, publications, a gallery, and a “Feedback” service via WhatsApp. I also provided an admin dashboard with a photo editor, conducted functional testing and security checks, and deployed the website on a Microsoft Azure VPS using Docker, Caddy, and HTTPS. The website is now live, and its key features have been tested both locally and directly on the VPS. BKPK now has a centralized platform to present and manage organizational information. The impact on users has not yet been measured, so the next evaluation will focus on actual usage and feedback from students and student council members.
As a Full-Stack Developer, I developed the BKPK website from interface design through deployment. On the front end, I built responsive layouts, interactive animations, and organizational information pages. On the backend, I developed admin authentication, content management, database integration, and features for uploading and editing photos. I also performed functional testing, security checks, code management via GitHub, and deployment to a Microsoft Azure VPS using Docker, Caddy, and HTTPS.
