My Projects
My Projects
Showcasing my work in full stack development.
EcoSort AI — Smart Waste Management Platform & Real-Time Pickup Booking
EcoSort AI is a full-stack AI-powered waste management platform designed to improve recycling accessibility through artificial intelligence, real-time communication, and digital waste collection services. The platform helps users identify waste types, understand proper disposal methods, estimate recycling value, and schedule pickups directly from their devices. ## Key Problems Solved - **Low public awareness of waste sorting** — Integrated Google Gemini Vision AI to identify waste categories and provide disposal recommendations. - **Limited access to recycling services** — Developed an online pickup booking system connecting households with recycling partners. - **Fragmented communication** — Built real-time chat between users and collectors for faster coordination. - **Inefficient waste management workflow** — Centralized waste identification, booking, and tracking into a single platform. ## Technical Challenges One of the biggest engineering challenges was maintaining reliable real-time synchronization across chat messages, bookings, notifications, and recycling activities. I implemented a dual-storage synchronization architecture using Supabase Realtime and PostgreSQL with updated_at timestamp conflict resolution to minimize race conditions, prevent duplicate records, eliminate UI flickering, and ensure consistent data across multiple devices. ## Technical Impact - Developed a full-stack application using React, TypeScript, Express.js, and PostgreSQL. - Integrated Google Gemini Vision API for AI-powered waste recognition. - Built real-time messaging and live data synchronization using Supabase Realtime. - Designed scalable relational database architecture for users, bookings, chat, and recycling records. - Implemented cloud storage for image uploads and AI processing. - Developed responsive and reusable UI components with Tailwind CSS and Framer Motion. ## Business Impact EcoSort AI transforms conventional waste disposal into an intelligent digital ecosystem by simplifying recycling through AI-assisted waste recognition and integrated pickup services. The platform encourages sustainable behavior, increases recycling participation, improves operational efficiency for collectors, and creates opportunities for users to generate economic value from recyclable materials. <br /> <br />
Pajaken — Digital Vehicle Tax Management & Reminder System
Pajaken is a collaborative full-stack web platform developed as part of a university software engineering project to simplify vehicle tax management for Indonesian vehicle owners. The application centralizes tax information, reminder scheduling, and vehicle administration into a single intuitive dashboard, helping users stay compliant while reducing the risk of late tax payments. As part of the development team, I was responsible for implementing the application's full-stack functionality, covering both frontend and backend development while collaborating with teammates throughout the project lifecycle. ## My Contributions - **Frontend Development** — Built responsive user interfaces using Laravel Blade and Tailwind CSS, focusing on usability, consistency, and mobile-friendly design. - **Backend Development** — Developed application logic, routing, authentication, CRUD operations, reminder management, and database interactions using Laravel and MySQL. - **Feature Integration** — Integrated frontend components with backend services to deliver a seamless experience across vehicle management, tax reminders, and calendar features. - **Team Collaboration** — Worked collaboratively through task planning, Git version control, documentation, testing, and regular discussions to ensure smooth project delivery. ## Technical Challenges One of the primary technical challenges was displaying multiple vehicle tax schedules without overwhelming the user interface. I addressed this by implementing a custom calendar event-mapping strategy, visual priority indicators, and optimized database queries to maintain a clean, responsive experience across different screen sizes. ## Technical Impact - Developed a complete full-stack web application using **Laravel**, **Blade**, **Tailwind CSS**, and **MySQL**. - Built an interactive calendar with dynamic event rendering. - Implemented reminder scheduling and notification management. - Designed a normalized relational database for users, vehicles, reminders, and tax records. - Developed reusable Blade components to improve maintainability and UI consistency. - Applied responsive design principles for desktop and mobile devices. ## Business Impact Pajaken transforms a traditionally manual administrative process into a centralized digital platform that improves convenience, reduces the likelihood of missed tax payments, and provides users with a more organized way to manage vehicle-related information. The project also demonstrates effective collaboration within a software development team while showcasing practical experience in full-stack web development, database design, UI implementation, and software engineering practices. <br /> <br />
HealthyMate — Smart Healthcare Consultation & Nutrition Platform
HealthyMate is a collaborative full-stack healthcare web platform developed as a Software Project Management course project. The platform was designed to simplify access to healthcare services by integrating nutrition planning, online consultation, appointment scheduling, and personal health tracking into a single web application. As part of the development team, I contributed to both frontend and backend development, with a primary focus on UI/UX implementation, responsive interface development, and feature integration while collaborating closely with other team members throughout the software development lifecycle. ## My Contributions - **Frontend Development** — Developed responsive user interfaces using Flask templates, HTML, Tailwind CSS, and JavaScript with reusable components across multiple modules. - **UI/UX Implementation** — Designed and implemented modern, user-friendly interfaces with a strong focus on usability, consistency, and responsive layouts. - **Backend Development** — Implemented backend features using Flask, SQLAlchemy, and MySQL, including business logic, routing, database operations, authentication, and CRUD functionality. - **Feature Integration** — Connected frontend interfaces with backend services for appointment booking, consultation management, nutrition calculations, and health progress tracking. - **Team Collaboration** — Collaborated with teammates using Git, task division, documentation, testing, and regular project discussions throughout the development process. ## Technical Challenges One of the primary challenges was integrating frontend modules with backend features developed simultaneously by multiple team members while maintaining a consistent user experience. To address this, I implemented reusable UI components, standardized layouts, optimized routing, and coordinated API and database integration to ensure seamless functionality across the application. ## Technical Impact - Developed responsive healthcare interfaces using Flask, HTML, Tailwind CSS, and JavaScript. - Built backend modules with Flask, SQLAlchemy, and MySQL. - Implemented secure authentication and role-based authorization. - Developed appointment booking, consultation scheduling, nutrition calculators, and health tracking features. - Designed reusable frontend components and maintainable application architecture. - Collaborated using Git version control and agile project management practices. ## Business Impact HealthyMate transforms traditional healthcare services into an accessible digital platform by simplifying nutrition planning, consultation booking, and wellness monitoring. The project demonstrates the successful collaboration of a software development team while showcasing practical experience in full-stack development, UI/UX implementation, backend engineering, database design, and software project management. <br /> <br />
Symbool — Boolean Logic Simplification & Learning Platform
Symbool is an educational web application developed as a university team project to simplify Boolean logic expressions through an interactive web interface. While the project was completed collaboratively, I was responsible for implementing both the frontend and backend, including the user interface, application logic, Boolean expression processing, and feature integration. ## Key Problems Solved - **Complex Boolean simplification** — Automated the simplification of Boolean expressions using symbolic logic algorithms. - **Difficult manual calculations** — Implemented multiple solving methods including Simplify, Karnaugh Map (K-Map), and Quine-McCluskey. - **Limited learning visualization** — Built interactive truth table generation and K-Map visualization to help users understand simplification results. ## Technical Challenges One of the biggest challenges was parsing various Boolean expression formats while ensuring compatibility across multiple simplification algorithms. I implemented expression preprocessing, validation, and conversion mechanisms that allow users to input symbolic expressions in different formats while maintaining accurate results for every solving method. ## My Contributions - Implemented the complete frontend interface using HTML, CSS, and JavaScript. - Developed the Flask backend and integrated Boolean logic processing with SymPy. - Built automatic expression parsing and validation. - Implemented Simplify, Karnaugh Map, and Quine-McCluskey workflows. - Developed automatic truth table generation and CSV export. - Collaborated with the team on system design, feature planning, testing, and documentation. ## Business & Educational Impact Symbool transforms complex Boolean simplification into an interactive learning experience for students studying Digital Logic and Discrete Mathematics. By combining multiple simplification methods with visualization features, the platform helps users better understand Boolean algebra concepts while significantly reducing manual calculation time. <br /> <br />
