Pet-Wallet: Building an Angular 20 Pet Management App with Gemini AI
This is a submission for Weekend Challenge: Dog Days Edition What I Built Pet-Wallet is a lightweight pet management application that allows users to add, edit, and remove their pets. The application stores pet information such as name, breed, weight, and other personal details, while also allowing users to track daily care tasks and medications for each pet. I also integrated AI to help users…
Pet-Wallet is a lightweight pet management application designed for users to add, edit, and remove their pets. The software stores essential pet information such as name, breed, weight, and personal details. Additionally, users can track daily care tasks and medications for each pet within the application.
One of the standout features of Pet-Wallet is its ability to read a document containing pet data and use that information to assist with creating a new pet profile. This functionality was achieved through the integration of Google Gemini, an AI-powered technology. By leveraging Gemini, Pet-Wallet can extract relevant information from a user-provided document, streamlining the process of setting up a new pet profile.
The application was developed as a front-end-only project using Angular 20, TypeScript, SCSS, and RxJS. It utilizes Google Gemini API to extract and process pet information from a document. The project was deployed on GitHub Pages, with GitHub Actions handling automated deployment whenever changes are pushed to the main branch. This lightweight setup allowed for an experiment focused on Angular development, AI integration, and user-friendly pet management.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
