Hi There, I'm Joel
I’m passionate about crafting modern web applications that deliver both performance and great user experience.
About Me
I am a fifth-semester Computer Science student focused on web development. I build modern, user-focused web applications while continuously improving my skills through hands-on projects and learning.
Web Development
Developing responsive and performant web applications with a focus on usability.
Modern Stack
Using modern tools and frameworks such as React, Next.js, and RESTful APIs.
Problem Solver
Breaking down complex problems and delivering clear, effective solutions.
Soft Skills
Experience
My professional journey in web development and software engineering
Freelance Web Developer
Codifyve
Developed backend and full-stack solutions for client projects, including a CBTsystem using Laravel and an interactive exhibition website using PHP.
.png){kind=logo}
Assistant for Object Oriented Design and Programming Practicum
Universitas Pendidikan Indonesia
Assisted students in understanding Object-Oriented Programming concepts through weekly practicum sessions using Java, Python, C++, and PHP.
Assistant for Algorithm and Data Structure Practicum
Universitas Pendidikan Indonesia
Led practicum sessions for Data Structures and Algorithms, including module preparation, assignments, and student evaluations.
Assistant for Fundamentals Programming Practicum
Universitas Pendidikan Indonesia
Supported first-semester students in learning basic programming concepts through guided practice sessions.
Skills & Technologies
Programming Languages
Backend
Tools & Others
Featured Projects
A curated collection of my work across software development, design, and AI/ML domains.
Software
Full-stack web applications and scalable solutions
AtapBumi – Outdoor Gear Rental Mobile App
Mobile application for outdoor equipment rental built with Flutter and Laravel. Enables users to browse gear, place rental orders, and manage transactions through a full-stack architecture with RESTful APIs.
BEM KEMAKOM Announcement Website
Lightweight announcement website developed in one night to meet urgent organizational needs. Designed for fast access, clear information delivery, and responsive interaction without database dependency.
Bus Ticket Reservation Platform (MERN Stack)
Web-based reservation platform backend enabling route management, scheduling, and ticket booking. Designed with scalable REST APIs and structured NoSQL data models for reliable transaction flows.
Cilimus Badminton Booking System (Cilminton)
Web-based booking system and DBMS design for managing sports facility reservations. Provides booking forms, schedule management, and user reservation tracking.
Computer-Based Test (CBT) System – Physics Festival
Backend system for academic competition testing, handling question banks, participants, test sessions, and result recapitulation through Laravel REST APIs.
OpenLab Status Tracker – FPMIPA UPI
Real-time dashboard system for monitoring laboratory availability during OpenLab events. Displays live status updates, summary statistics, and last-updated indicators for operational transparency.
Parabot Ulin – Outdoor Gear Rental Website
Web-based outdoor equipment rental platform that supports booking, availability tracking, returns, and payment monitoring, designed to streamline rental operations.
bersekolah.com – Scholarship Management Platform
Production-ready scholarship website developed in collaboration with a real foundation. Provides scholarship information, registration, and admin management with a modern, accessible UI.
Design
UI/UX focused projects with modern interfaces
Portfolio CMS
Content management system for portfolio websites with drag-and-drop builder and SEO optimization.
Weather Dashboard
Real-time weather application with forecasts, location search, and interactive maps.
AI, ML, & Data
Intelligent systems and data-driven applications
AI Chat Application
Intelligent chatbot interface powered by AI with conversation history and context awareness.
ML Sentiment Analyzer
Machine learning model for sentiment analysis with real-time data visualization.
Organizations & Communities
Leadership roles and community involvement that shaped my professional growth
Keluarga Mahasiswa Komputer FPMIPA Universitas Pendidikan Indonesia
Led the organization’s strategic direction, coordinated cross-division programs, and represented the association in institutional and external collaborations.
- •Led and coordinated 100+ active members across multiple divisions
- •Initiated and supervised academic, social, and technology-focused programs
- •Make system improvements that increased member engagement by 30%
Keluarga Mahasiswa Komputer FPMIPA Universitas Pendidikan Indonesia
Social Media Manager for instagram account @dpmb.kemakom, creating engaging content and Designing promotional materials for events and activities.
- •Increased social media engagement by 40%
- •Produced 20+ high-quality posts and stories
- •Create seasonal bulletin to give information about organization activities
Keluarga Mahasiswa FPMIPA Universitas Pendidikan Indonesia
PIC for Liga Mahasiswa FPMIPA (MIPA League) event, coordinating logistics, team registrations, and match schedules.
- •Successfully organized a tournament with 11 participating teams for basketball and futsal
- •Preparing Athlete Training Sessions for FPMIPA delegation in Pekan Olahraga dan Seni Mahasiswa UPI 2024
A-Storia : Annual Event by Computer Science Class of 2023
Assisted the Chair in coordinating the organizing committee, overseeing event preparation, and ensuring smooth execution of the annual cohort event.
- •Successfully manageded committee of 160+ members (Computer Science class of 2023)
- •Ensured event timeline and operational readiness
Majelis Perwakilan Kelas SMAN 1 Cisaat
Led the supervisory commission in monitoring organizational performance and ensuring accountability of executive bodies.
- •Designed Monitoring and Evaluation System for student organization activities
- •Conducted performance reviews for Information and Communication Division
- •Making Majelis Perwakilan Kelas SMAN 1 Cisaat Logo as identity of the organization
Smancis In Game, Music, Academy, and Art. (SIGMAA) SMAN 1 Cisaat
Member of the creative division responsible for social media management, content creation, and event promotion.
- •Co-directed and produced the live-streamed Grand Opening and Closing Ceremonies of the SIGMAA event.
- •Managed @officialsigmaa social media accounts
Get In Touch
I'm always open to discussing new projects, creative ideas, or opportunities to be part of your visions.
Connect With Me
Feel free to reach out through any of these platforms. I typically respond within 24 hours.
© 2025 codeJoel. Built with Next.js and Tailwind CSS.