Clark Heal Carreon

RJS Payroll System

A modern, full-stack web application designed to streamline Human Resources and payroll processes for small to medium-sized businesses.

About this project

The Problem

Small to medium-sized businesses often struggle with fragmented or manual systems for managing HR and payroll, leading to inefficiencies, errors, and a lack of centralized data.

The Solution

Developed a comprehensive, full-stack web application using Next.js and Firebase to provide a single, unified platform for all HR and payroll needs. The system features secure role-based access, automates complex calculations, and provides intuitive interfaces for managing employees, attendance, leave, and finances, significantly improving administrative efficiency and data accuracy.

My Role & Responsibilities

Role: Full-Stack Developer

Key Responsibilities:

  • Designed and developed the frontend architecture using Next.js, React, and TypeScript.
  • Implemented a clean and responsive UI with Tailwind CSS and ShadCN UI components.
  • Structured the backend on Firebase, utilizing Firestore for the database and Firebase Authentication for security.
  • Engineered the role-based access control system for "Administrator" and "User" roles.
  • Built core modules including the employee directory, time & attendance, leave management, and payroll processing systems.
  • Integrated React Hook Form and Zod for robust, schema-based form validation.
  • Set up the project for future AI-powered enhancements using Genkit.