Skip to content

changerate/shiftlytics

Repository files navigation

🕒 Shiftlytics

A shift and income tracking tool that lets you log, analyze, and visualize your work history — all in one clean dashboard.
Built to replace messy spreadsheets with automation, data visualization, and intuitive controls.


🎯 Features

  • User Authentication – Sign up or log in to view, add, update, or delete your shift data anytime.
  • Visual Dashboard – Track your hourly earnings with a dynamic graph, visualize net income via pie chart, and view work intensity with a GitHub-style heatmap.
  • Multiple Roles – Manage multiple positions or job titles, each with its own wage and work history.
  • PDF/CSV Export – Download your entire work history as a neatly formatted spreadsheet for personal use.
  • Paycheck Audit Parser – Upload a paycheck to verify if you’ve been paid correctly — we’ll cross-check logged hours against your own entries.

📸 Screenshots

🔐 Login Page

Login
Friendly login page for users to sign in or register easily.


🧾 Add Shifts

Add Shifts
Log new shifts on the fly, assign them to specific roles, and include lunch breaks for precise accounting.


📊 Dashboard Overview

Dashboard 1 Dashboard 2

A Data Graph, pie chart, and heatmap, giving you a visual breakdown of your work and income patterns.


📤 Data Export

Data Export
Export your recorded data as a PDF or CSV file for offline access or personal keep.


🧮 Audit Feature

Audit Feature
A parser tool to audit your paychecks and confirm accuracy between recorded and paid hours.


🚀 Tech Stack


🛠️ Installation

  1. Clone the repository
    git clone https://github.com/changerate/shiftlytics
    

🛠️ Installation

  1. Clone the repository:
git clone https://github.com/changerate/shiftlytics
  1. Install dependencies:
npm install
  1. Create a .env.local file and add your Gemini API key:
NEXT_PUBLIC_SUPABASE_URL= (YOUR SUPABASE PUBLIC URL)
NEXT_PUBLIC_SUPABASE_ANON_KEY=(YOUR SUPABASE PUBLIC ANON KEY)
  1. Start the development server:
npm run dev
  1. Open http://localhost:3000 in your browser

💻 Development

  • npm run dev: Starts development server with Turbopack
  • npm run build: Creates production build

🙏 Acknowledgments

The Team:

  • Alaaddin Ghosheh
  • Carlos Vargas

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •