Remix

Make your own version of Kalyani MIS Tracker

Edit the prompt below and generate a customized version in seconds.

Original by Bhaskar Kalyani

Describe your app

You are a Senior Full Stack Engineer and Enterprise Software Architect.

Do NOT generate placeholder pages, dummy buttons, fake UI, or incomplete code.

Build a COMPLETE production-ready Enterprise MIS Team Tracker.

==================================================
IMPORTANT
==================================================

The application must be fully functional.

Every button must work.

Every page must work.

Every login must work.

Every database operation must work.

Every navigation must work.

No placeholder components.

No TODO comments.

No fake APIs.

No mock data except the default users.

Do not leave any unfinished module.

==================================================
PROJECT NAME
==================================================

Kalyani Motors MIS Team Tracker

==================================================
TECH STACK
==================================================

React
TypeScript
Vite
Tailwind CSS
Framer Motion
Three.js
Supabase

Use Supabase for

Authentication

Realtime Database

Storage

Realtime Notifications

Realtime Chat

Realtime Presence

==================================================
ROLES
==================================================

Currently create only two roles.

Manager

MIS Employee

No Admin.

No HR.

No CRE.

No CCM.

==================================================
DEFAULT LOGIN
==================================================

Manager

Username

Vinodh

Password

vinodh@123

MIS Employee

Username

bhaskar

Password

bhaskar@123

==================================================
LOGIN FLOW
==================================================

When login succeeds,

do NOT directly open dashboard.

Instead,

play a premium full-screen 3D welcome animation.

Animation should display

"Welcome"

then

"Please complete today's Check In"

Show one large animated Check In button.

Until Check In is completed,

Dashboard must remain locked.

==================================================
ATTENDANCE
==================================================

Automatically save

Check In Date

Check In Time

Check Out Date

Check Out Time

Working Hours

Live Working Timer

Break Start

Break End

Lunch Start

Lunch End

Late Login

Overtime

Present

Absent

Leave

==================================================
MANAGER DASHBOARD
==================================================

Manager can

Create MIS Employees

Edit Employee

Delete Employee

Reset Password

Assign Tasks

Monitor Attendance

Approve Leave

View Reports

View Live Status

Send Notifications

Start Meetings

Upload Files

==================================================
EMPLOYEE DASHBOARD
==================================================

Employee can

Check In

Check Out

Break

Lunch

Update Task

Apply Leave

Upload Files

Daily Activity

Chat

Join Meeting

View Reports

==================================================
TASK MANAGEMENT
==================================================

Manager creates tasks.

Employee only updates status.

Statuses

Open

Started

Work In Progress

On Hold

Completed

Cancelled

==================================================
AUTO DAILY TASK
==================================================

Manager creates Monthly Task Template.

Every day

employees automatically receive that day's task list.

==================================================
LIVE STATUS
==================================================

Manager must always see

Employee Name

Current Task

Working Hours

Current Status

Present

Break

Lunch

Offline

Online

Last Activity

==================================================
CHAT
==================================================

Implement fully working chat.

Private Chat

Manager to Employee

Employee to Manager

Group Chat

Image

PDF

Excel

Word

Emoji

Typing

Read Receipt

Online Indicator

Realtime Messages

==================================================
VIDEO MEETING
==================================================

Implement a COMPLETE working Google Meet style meeting.

Not only UI.

Use WebRTC.

Use Supabase Realtime for signaling.

Manager clicks

Start Meeting

Every employee instantly receives popup

"Manager started a meeting"

Join Meeting

Features

Video

Audio

Screen Share

Mute

Camera

Participants

Meeting Chat

Raise Hand

Leave Meeting

Meeting Timer

Reconnect

==================================================
NOTIFICATIONS
==================================================

Notification Bell

Unread Counter

Popup Notifications

Realtime

==================================================
REPORTS
==================================================

Attendance Report

Working Hours Report

Employee Productivity Report

Task Report

Leave Report

Export

Excel

CSV

PDF

==================================================
PROFILE
==================================================

Employee

Photo

Phone

Password

==================================================
VALIDATION
==================================================

Phone number

Exactly 10 digits

Numbers only

No symbols

No letters

Disable Save button until valid.

==================================================
LAYOUT
==================================================

Fixed Header

Fixed Sidebar

Scrollable Main Area

Responsive

Dark Mode

Light Mode

Glassmorphism

Premium Enterprise Design

==================================================
DATABASE
==================================================

Create real Supabase tables.

Users

Attendance

Tasks

Activities

Leaves

Meetings

Messages

Notifications

Reports

Files

==================================================
ROUTING
==================================================

Every navigation must work.

No broken links.

No blank pages.

No missing pages.

==================================================
PROJECT STRUCTURE
==================================================

Generate every required file.

package.json

vite.config.ts

index.html

src

components

pages

hooks

contexts

services

utils

database

assets

styles

==================================================
BUILD
==================================================

The project must compile successfully.

No TypeScript errors.

No React errors.

No runtime errors.

No console errors.

==================================================
FINAL OUTPUT
==================================================

Generate COMPLETE source code.

Generate ALL files.

Generate SQL schema.

Generate Supabase setup.

Generate authentication.

Generate realtime implementation.

Generate WebRTC implementation.

Generate routing.

Generate APIs.

Generate reusable components.

Generate everything required so that after running

npm install

npm run dev

the application works completely without any manual coding.

Free to use. No credit card required.