This content originally appeared on DEV Community and was authored by Capin Judicael Akpado
This post is my submission for DEV Education Track: Build Apps with Google AI Studio.
What I Built
I create an HR web application that generates, processes, and manages all employee payslips within a company. This web application can generate specific payslip for Canada or USA models payslips.
Demo
Deployment links : https://fabulous-dieffenbachia-627f92.netlify.app/
My Experience
I ask Google AI Studio to create HR Payslip Generator. I specified this : ” I would like the differences between Canadian and U.S. payroll rules to be included as optional features, so that users can choose and apply the appropriate rules based on their country. I want download payslip in PDF. Don’t use tailwind CSS for style. Use only, directly CSS language for style. Don’t use react for building.
Objective :
Enable the company to automatically create monthly payslips based on entered or imported data, generate them in PDF format, send them to employees, and maintain an archive/history.
Here are the modules I want :
• Employee management (personal data, contract, gross salary)
• Absence, leave, and overtime tracking
• Automatic payroll calculation (net salary including bonuses and deductions)
• Payslip generation in PDF format
• HR dashboard (payroll tracking, anomaly alerts)
• Employee portal to access and download their own payslips
• Secure access control based on user roles (employee, HR, admin)
“. Google AI Studio generates all files and folders and built the web application. I downloaded the ZIP file and opened it locally to install the necessary dependencies for deployment on Netlify. Then, I pushed everything to GitHub via the VS Code terminal and deployed the web application on Netlify.
This content originally appeared on DEV Community and was authored by Capin Judicael Akpado