My Projects

Real Estate Management Platform

Real Estate Management Platform

I developed a comprehensive real estate management system with Next.js, TypeScript, and Material UI, backed by Spring Boot microservices. The platform features property listings with advanced search, role-based access control, favorites system, and analytics dashboards. I implemented a microservices architecture for users, properties, analytics, and contact management, ensuring scalability and maintainability. The application includes multi-language support and responsive design across all devices. My focus on security best practices and API integration resulted in a robust solution that streamlines property management for agents, administrators, and clients.

Next.jsTypeScriptMaterial UISpring BootMicroservices
Microservices E-Commerce Platform

Microservices E-Commerce Platform

I built a high-performance e-commerce platform using a microservices architecture. This platform leverages Express.js (Node.js), MongoDB, and React.js for a seamless user experience. To ensure continuous delivery and minimize downtime, I implemented CI/CD pipelines with Azure DevOps, resulting in a 70% reduction in deployment time. Furthermore, I utilized Terraform for efficient cloud resource management and integrated ELK/Prometheus for robust monitoring and logging, achieving 99.9% uptime.

ReactNode.jsMongoDBExpress
Toronto GTA Investment Map

Toronto GTA Investment Map

I developed a responsive real estate investment analysis platform focused on the Greater Toronto Area. This application helps property investors identify and evaluate investment opportunities across different locations using interactive maps with heat mapping visualization. Key features include location-based investment scoring, financial analysis tools for calculating ROI and cash flow projections, portfolio tracking, and comprehensive property details with mortgage calculators. The app includes an analytics dashboard that visualizes investment trends and performance metrics, and generates exportable reports. The application uses React with Leaflet for mapping, Recharts for data visualization, and local storage for data persistence.

ReactLeaflet.jsReact RouterRechartsResponsive DesignLocal Storage APIPapaParsejsPDF
Job Application Tracker

Job Application Tracker

I developed a comprehensive job application management system using React, Tailwind CSS, and modern web technologies. This application helps job seekers track their applications across multiple companies, monitor application statuses, and analyze their job search through an interactive dashboard. Features include company management, application status tracking, follow-up reminders, interview notes, and analytics visualizations. I implemented robust error handling, local storage for data persistence, and CSV import/export functionality for data backup.

ReactTailwind CSSReact RouterRechartsLocal Storage APIPapaParse
Project Tree Generator

Project Tree Generator

I built a dual-purpose tool with React and Node.js/Express that generates project tree structures from GitHub repositories or ZIP files and creates downloadable empty project scaffolds from tree text files. The application features GitHub API integration, file upload processing, and an interactive tree editor with syntax highlighting. This tool streamlines developer workflows by simplifying project documentation and facilitating quick structure replication for new projects.

ReactNode.jsExpressGitHub APIRESTful APIsFile System OperationsMonaco Editor
Backroads Tours & Travel

Backroads Tours & Travel

I developed the Backroads App, a React-based travel application featuring a modern, user-friendly interface. To enhance maintainability and code reusability, I employed a component-based architecture. Additionally, I implemented centralized data handling for seamless navigation, social media integration, and service information. Finally, I automated the development and deployment process by implementing CI/CD pipelines and deploying the app on Netlify.

HTMLCSSReact.js
Unsplash Images

Unsplash Images

I built a dynamic image exploration application using React that leverages the Unsplash Images API. To facilitate seamless data sharing across components, I utilized the React Context API. Furthermore, I integrated React Query to efficiently cache API responses, significantly improving performance and minimizing redundant network requests. The application adheres to responsive design principles, ensuring a smooth and enjoyable user experience across various devices.

React.jsContext APIReact Query