My Projects

Store Management System

Store Management System is a comprehensive web application developed using HTML, CSS, JavaScript, and pure PHP. Designed for small and medium-sized businesses, this system streamlines essential store operations through a simple and direct interface without any user login or authentication processes.

The system allows for efficient management of inventory by enabling users to add, update, and monitor products and their quantities. Sales tracking is seamless—users can record transactions, manage product sales, and easily review sales history to monitor business performance. Instant updates on product quantities help prevent stockouts and overselling, making day-to-day store management more effective.

A clean and responsive user interface ensures smooth navigation from desktop and mobile browsers, bringing all core functions together in a practical dashboard. Users can generate and view reports for sales and inventory, providing insights for restocking decisions and business analytics. The reporting function makes it easy to assess daily, weekly, or monthly performance, helping with store planning and growth.

Behind the scenes, the system demonstrates strong command of procedural PHP and dynamic web development. Data is managed and processed efficiently from product inventory through sales history, providing a reliable solution for everyday store tasks. By focusing on core store operations and eliminating complex user roles or login steps, this project delivers a fast, accessible, and straightforward experience for shopkeepers and staff.

Letter Management System

This letter management system consists of two core components: a user-friendly frontend and a robust backend. The frontend, built with Vue.js, provides an intuitive way to create, organize, and manage letters and recipient information. Users can easily draft new letters, review past correspondence, and keep all contact details current with a clear and modern interface.

The backend securely manages all data, handling storage, updates, and retrieval. It also provides a set of API endpoints for seamless communication between the frontend and backend systems. These APIs enable features such as creating, updating, and retrieving letters and recipient information, as well as supporting document management functions. For example, users can upload, download, or organize documents related to letters directly through the system's API, streamlining the handling of files and correspondence for both personal and professional use.

MJST Monitoring System

The MSJT Monitoring System is an AI-assisted scope checking platform built with modern web technologies. The frontend is developed using React with TypeScript and styled with Tailwind CSS, offering a responsive and user-friendly interface for managing and verifying project scopes in real time. It provides tools for users to interact with the system, view scope status, and receive automated validations efficiently.

The backend is built using Express with TypeScript, incorporating middleware for security, logging, and cross-origin resource sharing. It serves as a RESTful API provider that handles data processing, validation, and communication between the frontend and the database. This architecture ensures reliability and scalability for the scope checking operations.

Unlike general AI monitoring platforms focused on broad model performance analytics, this system's AI functionality is narrowly designed to support automated scope verification, ensuring projects stay within their defined parameters. This focus on scope checking enhances accuracy and operational control through automation and real-time feedback.

LinkedIn Automation Tool

The LinkedIn Automation Tool built with Vue.js and Tailwind CSS offers a variety of features designed to streamline LinkedIn outreach. It provides a user-friendly dashboard to monitor and manage automated tasks such as sending personalized connection requests and follow-up messages. Users can customize message templates to maintain a personal touch in their communication. The tool features responsive design, ensuring accessibility across devices, and utilizes Vue.js's reactive components for efficient state management and smooth UI updates. Styling is handled with Tailwind CSS, allowing for consistent and customizable visual presentation. Overall, the tool enhances networking efficiency by automating repetitive LinkedIn actions while maintaining flexibility through customizable settings.

FurPetFinder SimpleWebPage

The FurPetFinder SimpleWebPage project is a straightforward, static website created using HTML and CSS without advanced frameworks. It serves as an informational and user-friendly platform to help prospective pet owners find suitable pets. The website allows users to view details about different types of pets, focusing on simple navigation and clean presentation of content. Its design is minimalist and easy to use, making it accessible for users looking to learn about pet options quickly. With core web technologies, this project showcases essential skills in structuring and styling content without client-side scripting.

MJST Monitoring System - UI Design (Trackright)

UI/UX design for the MJST Monitoring System, also known as Trackright, created with Figma. This design focuses on providing users with intuitive tools to monitor and verify project scopes in real time. The interface features clean data visualizations, streamlined navigation, and responsive layouts that work across different device sizes. The design system includes a consistent color palette, typography hierarchy, and component library that aligns with the system's AI-assisted scope checking functionality.

FinanceFit - Finance Mobile App

Mobile app design for FinanceFit, created with Figma. This design focuses on analyzing financial data and personal finance management. The interface provides users with intuitive tools to track expenses, set budgets, and visualize their financial health. The mobile-first approach ensures a seamless experience across different device sizes with easy navigation and clear data presentation. The design system includes a consistent color palette, typography hierarchy, and component library optimized for financial data visualization.

USTP Hub - Buy, Sell & Rent Platform

E-commerce website designed specifically for USTP students to buy, sell, and rent items. This platform provides a dedicated marketplace for the university community, allowing students to easily trade textbooks, electronics, furniture, and other items. The interface features intuitive search and filtering options, secure user authentication, and a streamlined checkout process. The design system includes a consistent color palette, typography hierarchy, and component library optimized for e-commerce transactions within an academic environment.

User Profile Management System

A Django-based web application featuring a complete user management system with custom user authentication using email as the primary identifier, user profile management with CRUD operations, and a user invitation system with email notifications. The application implements a responsive UI built with Tailwind CSS and HTMX, follows Django best practices with a Model-View-Controller architecture, includes enhanced form validation with character limits and required fields, improved user model with extended occupation field capacity, comprehensive error handling with logging, and accessibility improvements with keyboard navigation and proper focus management.

This project demonstrates proficiency in Django web development, database modeling, user authentication, form handling, and frontend integration with modern CSS frameworks.

Unit Vacancy Manager - FastAPI Webhook Validation and Automated Data Processing System

A comprehensive property management solution built with Python and FastAPI that automates unit vacancy tracking through intelligent webhook validation and email ingestion. This system streamlines property data management by generating unique identifiers for units, processing daily CSV updates from automated email reports, and maintaining synchronized master data records. The application features dual data table management with automatic upserts to Supabase, handling both static master unit information and dynamic daily vacancy data.

Built with a modern Python stack including FastAPI for RESTful API development, Pandas for data manipulation, and OpenPyXL for Excel processing, the system integrates with Supabase as the backend database. The solution leverages Python-dotenv for environment management and the Schedule library for task automation. Integrated with a Retrieval-Augmented Generation (RAG) agent using Python-based NLP processing, the system enables natural language querying of property availability, allowing users to ask questions like "What 2BR units are available?" or "Show me units available this week."

The platform includes an embeddable JavaScript chat widget for seamless website integration, providing real-time property availability responses. Key functionalities encompass robust file processing endpoints for CSV and Excel uploads, email webhook handlers for automated report ingestion, advanced UID generation algorithms, and comprehensive API endpoints for data management. The system ensures data integrity through validation layers, supports both JSON and multipart form-data requests, and delivers automated processing without manual intervention.

Designed for property managers seeking efficient automation, the solution reduces manual data entry by 90% while providing instant access to current unit availability through both API integrations and natural language interfaces. The modular architecture supports scalable deployment with Supabase backend integration, making it suitable for property portfolios ranging from small complexes to large multi-site operations. Developed with Python 3.x, utilizing Uvicorn as the ASGI server, the application follows modern software engineering practices with comprehensive testing suites and clean API design patterns.

Topics CRUD Application

This is a Vue.js-based web application designed for managing topics with full Create, Read, Update, and Delete (CRUD) operations. The application features Frontend Framework: Vue 3 with Vite build tool, Data Management: Complete CRUD functionality for topic records, UI Components: Pagination system (20 items per page), responsive design, and modal forms for data entry, Data Persistence: Uses localStorage for data storage (runs entirely in the browser without backend), Initial Data Loading: Fetches initial data from an external JSON endpoint during startup, Development Environment: Node.js v16+ with npm dependency management.