Image Alt & Title Generator

About Project

The image-alt-title-generator is a developer tool designed to enhance web accessibility by automatically generating meaningful alt and title attributes for images that lack these essential accessibility features. Built with JavaScript and TypeScript, this npm package seamlessly integrates into the build process of modern web frameworks including React, Vue, and Svelte. The tool analyzes image content and context to create descriptive, SEO-friendly attributes that improve both accessibility compliance and search engine optimization. The project also includes a modern landing page built with Next.js and TailwindCSS, showcasing the package's features and providing comprehensive documentation for developers.

About My Role

In this project, I worked as the sole developer, responsible for the complete development lifecycle from concept to deployment. I designed and implemented the core functionality using JavaScript and TypeScript, creating a build-time tool that can analyze and process images across different frameworks. I developed the package's API and integration methods to work seamlessly with various build systems. Additionally, I built a modern, responsive landing page using Next.js and TailwindCSS to showcase the package features and provide user documentation. I handled all aspects including package publishing to npm, documentation writing, and maintaining the project's open-source presence.