Projects

Teaching Hospital Department Website

Approach

The project was built using server-side rendering (SSR) with nuxt.js metaframework. This enables fast load times and SEO-friendly pages. The layout, routing, and components were carefully planned to create a modular and scalable architecture. Focus was placed on responsive, user-friendly interfaces, ensuring seamless navigation and interactions.

On the back end, directus CMS (Content Management System) was used to manage content and data. Its REST API is used to expose the data to the front-end. This ensures that the application can fetch and display the necessary information efficiently. Additionally, authentication services are integrated as needed, optimizing data flow for speed and security. A clean, well-documented codebase was maintained, leveraging Nuxt.js’ built-in features like automatic code splitting and prefetching to enhance performance. To ensure the application runs smoothly across all devices and browsers, thorough testing and debugging was conducted before deployment.

Tech Stack

Nuxt   TailwindCSS   Directus REST API

Url Shortener Web Application

Approach

This project uses flask (a python web framework) to build a full-featured URL shortener web application. The application can create short link from a provided long url and monitor the created link for interaction, logging different data on the short link interactions. It incorporates user authentication and secure database storage with mySQL using SQLAlchemy and bcrypt for password hashing before storage.

On the live version pure HTML and CSS are used and on the open-sourced version, Tailwind CSS is used.

Tech Stack

Python   Flask   mySQL

Live Tutoring and Learning Platform

Approach

The project utilizes SvelteKit to build a modern, responsive web interactive learning application focused on performance and user experience. Server-side rendering (SSR) capabilities are leveraged to deliver fast initial load times and improve SEO. Routing and layout management was used to facilitate a clear and maintainable structure. Component-based architecture is employed to ensure reusability and modularity, making it easier to scale and maintain the application.

On the backend, Laravel, a PHP web framework was used to build the API that serves the data from the database which is powered by PostgreSQL. Deployment is streamlined using continuos integration and continuos development (CICD) pipeline with github actions, enabling always live site, continuous deployment and easy scalability.

Tech Stack

SvelteKit   Laravel   Github Actions

Electronic Pharmacy and Medicine Delivery Website

Approach

This project is built with plain HTML, bootstrap css and JQuery. A third party service was integrated for the live chat feature. On the request of the client, the static design was developed into a custom wordpress theme which allows for the management of the site content updates easily.

Github Actions was used for continuous integration and deployment.

Tech Stack

HTML   BootstrapCSS   JQuery   WordPress