FULL REPLIT AI MASTER PROMPT (COPY–PASTE)
Project Type

Full-stack SaaS Web Application

Project Name

CarCare 360 / TyreCare 360

🧠 SYSTEM INSTRUCTIONS FOR REPLIT AI

You are an expert full-stack developer, UI engineer, and backend architect.

Build a complete frontend + backend SaaS application with clean architecture, secure APIs, and professional UI.

🧱 TECHNOLOGY STACK (STRICT)
✅ Frontend

HTML

CSS (custom only)

JavaScript (Vanilla)

✅ Backend

PHP using Fat-Free Framework (F3)

✅ Database

PostgreSQL

✅ APIs

RESTful APIs using Fat-Free Framework

JSON request/response handling

🚫 DO NOT USE

React

Next.js

Vue

Vite

Drizzle

Tailwind

Bootstrap

Any external UI framework

🎯 PROJECT GOAL

Build a production-ready SaaS platform for a vehicle service reminder system.

The system must support real backend logic, database storage, and fully working APIs.

User roles:

Super Admin

Company Admin

Staff

Customer

🎨 DESIGN REQUIREMENTS

Create a premium modern SaaS UI with:

Glassmorphism design

Purple, Black, and White color theme

Smooth animations and transitions

Subtle hover glow effects

Modern dashboard layouts

Clean professional typography

Fully responsive (desktop & mobile)

🧊 COLOR THEME

Use CSS variables:

Background: Black & deep purple gradients

Primary: Purple (#7c3aed or similar)

Secondary: White

Accent: Soft neon blue / green

Text: White & muted lavender

Cards: Glass panels with blur & transparency

🔐 AUTHENTICATION & AUTHORIZATION

Implement real authentication:

Secure login for all roles

Password hashing

Session-based authentication

Role-based access control

Protected routes

🗂️ FEATURES BY ROLE
🔑 Super Admin

Dashboard overview

Manage companies

View system stats

Enable / disable companies

🧑‍💼 Company Admin

Dashboard with analytics

Manage staff

Manage customers

Manage vehicles

Service records

Reminder templates

WhatsApp & Call reminder queues (API driven)

👩‍🔧 Staff

Dashboard (today / overdue services)

Service record updates

Reminder actions:

Send WhatsApp

Log Call

Mark reminder as sent

🚗 Customer Portal

Vehicle number lookup

View next service due

Service history display

🧠 BACKEND & DATABASE LOGIC
PostgreSQL Tables (example)

users

roles

companies

staff

customers

vehicles

services

reminders

reminder_logs

Use:

Prepared statements

Proper relationships

Clean schema design

🔌 API REQUIREMENTS

REST APIs for:

Authentication

CRUD operations

Reminder processing

JSON responses

Proper HTTP status codes

Error handling & validation

🛠️ FAT-FREE FRAMEWORK USAGE

Use F3 for:

Routing

Controllers

Models

Middleware

API handling

View rendering

Follow MVC architecture properly.

📁 PROJECT STRUCTURE
/public
 ├── index.php
 ├── assets
 │    ├── css
 │    │    ├── variables.css
 │    │    ├── base.css
 │    │    ├── layout.css
 │    │    ├── components.css
 │    │    ├── animations.css
 │    ├── js
 │    │    ├── app.js
 │    │    ├── api.js
 │    │    ├── ui.js
 │    └── images
/app
 ├── config
 │    └── db.php
 ├── controllers
 ├── models
 ├── routes.php
 └── views
      ├── layouts
      │    └── main.html
      ├── auth
      ├── super-admin
      ├── company
      ├── staff
      └── customer

✨ ANIMATION & UX

Page fade-in

Card hover lift

Button glow

Sidebar animation

Loading indicators

Toast notifications

📱 RESPONSIVE DESIGN

Mobile-first

Collapsible sidebar

Touch-friendly UI

Adaptive layouts

🏁 FINAL OUTPUT EXPECTATION

Generate:

Fully working frontend & backend

PostgreSQL integration

Secure APIs

Clean, documented code

No broken imports

Professional SaaS UI & UX

🎯 The final result should be a real, deployable SaaS application.