This repository serves as a portfolio piece to showcase my front-end development, UX design, and system integration contributions during the redesign of an internal MIS for a government organization. The focus was on improving user efficiency, modernizing the interface, and building modular, reusable components.
My work centered on transforming the user experience by implementing features that mirrored familiar workflows and introducing modularity for long-term system maintainability.
A primary goal was to create a system that felt intuitive to users accustomed to working in MS Excel.
- MS Excel-Like Data Entry: Implemented features such as auto-calculation and auto-complete of contact information, significantly reducing manual data entry errors and time.
- Dynamic Data Management: Created a seamless workflow with an "Add New Contact on-the-go" button within the service request form, allowing users to save and immediately use new contact information without navigating away.
- Auto-Generation Logic: Developed logic for auto-generating Serial Numbers based on the last record saved, ensuring sequential and unique identifiers across reports.
Developed and integrated complex business logic to handle core administrative tasks accurately.
- Dynamic GST Calculation System: Built a system to auto-calculate Goods and Services Tax (GST) based on the item nomenclature. Included a feature to dynamically add new tests/items (if not yet saved in the system) on the service request page for immediate calculation.
Focused on creating reusable UI and document components, proving long-term value to the organization.
- Modular Printable Document: Re-designed the service request printable page using a modular structure. This component was successfully re-used in the Gatepass module and, notably, was later implemented by the organization in a third, independent application after the internship concluded, demonstrating high reusability.
- Print Customization: Added client-side toggle buttons to show/hide remarks, date & time and included logic to shorten the organization name on the report header to prevent congestion on the printed page.
I developed a dedicated module to manage and track the lifecycle of a project, ensuring complete history and easy file access.
- Project Lifecycle Tracking (Cycles): Implemented a system where each significant change or revision creates a new Project Cycle. The issuance of a certificate marks the project's official completion.
- Comprehensive Logging: Integrated a robust logging mechanism to track all critical actions, including a timestamp, username, and a concise description of the event.
- Example Log:
[::1] [27-08-23 09:42] [skar] - [08-23/TAR-002 | SK/TBS] test report is successfully uploaded
- Example Log:
- Offline Document Accessibility: Designed the file management to save project documents directly to the disk with an appropriate, descriptive naming structure, enabling easy offline navigation via a standard file manager.
| Category | Details |
|---|---|
| Front-end | PHP (Primary logic/Templating), HTML, CSS, JavaScript, Bootstrap (for unified UI/UX and modern dashboard/login) |
| Architecture | API-driven structure, managing front-end integration with the backend developer's implementation. |
| Collaboration | Established an efficient development workflow by sharing the project folder and providing SMB (Samba) access from a Linux environment to the backend developer for direct file updates. |
Note: This project is for showcase purposes only and is not intended for live installation or use.