Portfolio

Building websites isn't just about coding - it's about creating seamless digital experiences that connect people to information and inspire them to take action.

Hiren Chhatbar

Health Care System v2.0

An online platform for the UK's care provider in the healthcare domain to manage employees, their training, rotas, performance. The system allows managing service users and their incidents as well.

Role: Senior Full Stack Developer

Status: Under development

  • Employ the MVC design pattern to enhance the structure and organisation of the backend REST APIs constructed using Express.
  • Devise a highly adaptable and efficient architecture, named 'Nova,' which facilitates rapid development of REST APIs, microservices, and CLI projects while adhering to the principles of Rapid Application Development (RAD).
  • Construct an abstract and high-performing architecture, termed 'Nova UI,' tailored for swift development of efficient React-based user interfaces that align with the Rapid Application Development (RAD) philosophy.
  • Seamlessly integrate various UI libraries, such as React, Bootstrap, and Dropzone, into the solution-building process, ensuring a cohesive and feature-rich user experience.
  • Outline a solution and develop an NPM package specifically designed to manage hierarchical information for the Team module.
  • Implement a robust authentication and authorization system in the REST APIs using middleware in Express, while also constructing a permission page in the React UI for efficient management.
  • Define a comprehensive CI/CD pipeline and server setup, incorporating Nginx as a reverse proxy, MariaDB server, PM2, NVM (Node Version Manager), and cron jobs, all while adhering to robust security guidelines.
  • Regularly update and upgrade NPM packages and Node.js to ensure the utilisation of the latest features and improvements.
  • Implement optimization techniques such as lazy loading, minimising the number of React components, and utilising lightweight NPM packages in the React UI to proactively safeguard performance and prevent potential speed-related issues in the future.
  • Establish comprehensive guidelines encompassing directory structure, coding conventions, naming conventions, and preferred NPM packages for both the frontend React UI and the backend REST API components.
  • Prepare detailed documentation elucidating naming conventions, directory structure, SDLC Workflow, and popular open source NPM packages that can effectively address specific challenges encountered during application development.
ReactBootstrapSASSDropzoneAxiosNode.jsExpressVite.jsMariaDBNginxLinuxMySQLWorkbenchPostman

Job Management Tool

A SaaS based job management web app

Role: Senior Full Stack Developer

Status: Live (Production - Stable)

  • Develop a job listing page that includes a search dialog with various fields, data listing, and pagination functionality.
  • Create a job detail page with multiple UI sections for job details, stages, tasks, logs, notes, and appointments.Provide users with the ability to add, edit, and delete job details and export reports in Excel format.
  • Develop a custom Symfony command for sending appointment reminders to users at different intervals and integrate it with the Linux Crontab.Build an appointment calendar page with fullcalendar JS library to manage client appointments, allowing for the addition, editing, and deletion of appointments.
  • Develop a user permissions system (ACL) that includes authentication and authorization in the resource and user role matrix using the symfony/security component by creating a custom Voter
  • Build various detail and summary reports, allowing users to export them in Excel format by integrating the phpoffice/phpspreadsheet library.
  • Develop a dedicated HR section with schedules and leave management for employees. Enable superiors to approve or decline leave requests and connect this with client appointments.
  • Build an HR calendar using the fullcalendar JS library, which displays the schedule/occupancy of all employees in a colour-friendly manner using the mexitek/phpcolors library
  • Create user dashboards and WIP (Work In Progress) pages for various user types. Develop a dynamic notification system based on user roles to alert users of any events in the system via email and popup notifications.
  • Integrate the cropperjs JS library on the UI side and the intervention/image library on the backend side to develop an image editor with features such as moving, zooming, cropping, and rotating images. Provide images of various dimensions and sizes on-the-fly using the intervention/image library to meet design requirements.
  • Build a file and directory uploader by integrating the dropzone JS library on the UI side and the league/flysystem-bundle library on the backend side. Incorporate the maennchen/zipstream-php library to enable users to download the ZIP of the entire directory.
  • Implement a full-fledged SaaS by tweaking Nginx, Symfony bundle ecosystem, Doctrine query execution, and Linux bash scripting. This allows the same code base to run for many SME and enterprise customers with a single web root. Provide technical documentation and flow charts for system understanding.
  • Integrate the fzaninotto/faker library to generate sample GDPR compliant data for test and demo environments.
  • Coordinate with the project manager to plan version releases and prepare for release deployment on staging (UAT) and production servers upon approval.
  • Prioritise tasks, fix urgent bugs, and deploy them on production to maintain customer service and meet value commitments.
  • Keep Symfony, PHP libraries, and NPM packages up-to-date by updating and upgrading them at periodic intervals
Symfony 6Doctrine(ORM)NginxPHP-fpmMariaDBAPI-firstBootstrap 5jQueryWebpack

Online Revision Platform

An online platform by NHS UK which allows medical students to prepare for FRCEM exams by purchasing a subscription and then performing revision sessions and mock exams. The system provides statistics which allows students to gain insights about their progress and preparation.

Role: Senior Full Stack Developer

Status: MVP

  • Develop landing pages of revision sessions and mock exams in Twig. Develop UI/UX of question detail page with answers in option. Apply lazy loading with certain UI elements to load the question page faster when the user switches next and previous question.
  • Integrate full-fledged user journey of registration, course selection, third-party payment integration and mailing.
  • Integrate Stripe payment gateway (PCI compliant).
  • Integrate Elasticsearch for faster / performant loading of question details consisting index handling, document creation, updates, removal and performing search with different criteria.
  • Use mobiledetect/mobiledetectlib library to integrate different types of UI / UX rendering and complex responsiveness across multiple devices.
  • Create a new custom Symfony constraint / validator by plugging google/recaptcha library for spam control.
  • Create a custom Symfony command to import question data provided as Excel sheets by integrating phpoffice/phpspreadsheet. The command persists data in the database which includes downloading, optimising and storing images as well. Prepare raw SQL(s) to check data integrity and find out issues / bugs post import.
  • Discover and implement a solution of syncing users between two systems - WordPress and Symfony App. Write technical documentation in Confluence.
  • Use nesbot/carbon library to handle dates and its manipulation in the system.
  • Prepare deployment for UAT and production release.
  • Maintain DTAP environments, perform OS and PHP updates / upgrades at periodic intervals to keep them up-to-date.
  • Update / upgrade Symfony, PHP libraries and NPM packages at periodic intervals to keep them up-to-date.
  • Setup SSH and SFTP servers using public key authentication (.pem file)
Symfony 6Doctrine(ORM)NginxPHP-fpmMariaDBElasticsearchAPI-firstTwigBootstrap 5jQueryWebpack

Online Rental Platform

Rental solution operating in Finland

Role: Senior Symfony/PHP Developer

Status: Live (Production - Stable)

  • Develop a database schema and Elasticsearch index mappings to efficiently store the availability of rental items based on their different rental models (such as daily, weekly, overnight, etc.).
  • Build a Symfony command that generates availability in real-time during user actions on the website. This command will run in the background and sync database entries with Elasticsearch.
  • Create a JavaScript solution that displays availability on a calendar using different colours and designs. Integrate AJAX requests to ensure the calendar accurately reflects the state of the database during navigation.
  • Construct a join query in Elasticsearch to enable search options that display only available items.
  • Import advertisements from various formats, such as JSON, XML, CSV, etc., provided by sister websites and third-party providers, along with their corresponding mapping information and business rules. This was achieved by creating Symfony commands and setting them to run daily using Jenkins.
Symfony 3Doctrine(ORM)NginxPHP-fpmMariaDBElasticsearchRedisAWS S3JenkinsDocker

Health Care System v1.0

An online platform for the UK's care provider in the healthcare domain to manage employees, their training, rotas, performance. The system allows managing service users and their incidents as well.

Role: Senior Symfony/PHP Developer

Status: Live (Production - Stable)

  • Configured GitLab repositories by creating branches, set up DTAP environments, and resolved issues encountered during the App setup in PHP 7.2. This was done while ensuring that all steps in the Software Development Life Cycle (SDLC) were streamlined and adhered to as per the maintenance contract.
  • Demonstrated expertise in code comprehension, debugging, and implementation of business logic as per the App owner's latest requirements. Completed partial implementation of features and resolved code-related issues.
  • Developed new functionality for service user liaison, including a review system, competencies management, and policies and procedures that function as a file manager.
  • Prepared the release and updated the staging (User Acceptance Testing) server. After approval, deployed the release to the production environment.
Symfony 2.8Doctrine(ORM)NginxPHP-fpmMariaDB

Abilita v1.0

An exceptional yet simple open-source portfolio and personal website designed specifically for web developers. This platform serves as an ideal showcase for your outstanding skill sets, industry experience, and an impressive collection of projects you have created.

Role: Senior Full Stack Developer

Status: Live (Production)

  • Establish a robust foundation for the project by configuring Next.js, ensuring optimal performance and scalability. Define a well-organised directory structure that promotes modular development and maintainability. Establish clear and consistent naming conventions and coding guidelines to foster a collaborative and efficient development process.
  • Implement strategies to seamlessly integrate Bootstrap JavaScript on the client-side while preserving server-side rendering (SSR). Enable search engines like Google and Bing to effectively crawl and index the website, ensuring maximum visibility and discoverability.
  • Integrate animate.css, a versatile CSS animation library, to bring captivating visual effects to images and heading texts on various pages. Utilise typed.js to add dynamic and engaging typewriter-style animations, enhancing the overall user experience.
  • Leverage js-cookie to effectively handle browser-side cookies, facilitating the retention of theme selections and enabling the website to load accordingly during subsequent visits. Provide a seamless and personalised browsing experience for users, ensuring their preferences are preserved across sessions.
  • Seamlessly integrate Google Analytics, empowering the project with powerful data-driven insights. Gain valuable information about user behaviour, traffic sources, and other relevant metrics, enabling data-informed decision-making and continuous improvement.
  • Integrate prettier and eslint, industry-standard tools for code formatting and static analysis. Enforce consistent coding styles and best practices, ensuring code readability, maintainability, and minimising potential errors.
  • Leverage the power of Next.js's Static Site Generation (SSG) capabilities to generate performant and optimised production code.
  • Set up a robust and secure production environment using Nginx, a high-performance web server.
  • Create detailed documentation covering all essential aspects of the project, including commands, NPM packages, and external references.
Next.js (SSG)ReactBootstrapSASSFont AwesomeAnimate.cssTyped.js

Purooz

SaaS based Real estate portal which facilitates property dealers to manage / post their properties. Buyers can search properties of their interest and submit contact requests

Role: Senior Symfony/PHP Developer

Status: Under development (Inhouse)

  • Conduct market research in the real estate industry and design a comprehensive database schema and Elasticsearch index mappings.
  • Create a search interface with various fields to allow users to find properties of interest and their nearest locations. Display search results in a listing format from the Elasticsearch index. Additionally, develop a detailed property page with a contact form to submit inquiries.
  • Build a blog section with listings of articles and a detailed article page. Provide administrative tools to allow easy editing and modification of the blog content.
  • Develop an administrative section that enables users to search and manage all properties within the system. Provide tools to modify almost every aspect of the public website.
  • Integrate SaaS for real estate dealers, providing an administrative interface for configuring logos, company names, and other business identities.
  • Create technical documentation to assist new dealers in onboarding to the system.
SymfonyDoctrine(ORM)NginxPHP-fpmMariaDBElasticsearchAPI-firstBootstrap 5jQueryWebpack