updated.mp4
A modern SaaS Contracts Management Dashboard built with React, Vite, and Tailwind CSS. It includes login, contract management, search & filters, insights, and a responsive UI.
✅ Setup SaaS Dashboard Project 1️⃣ Create React + Vite App
npm create vite@latest saas-dashboard
cd saas-dashboard
npm install
👉 Choose React and JavaScript (or TypeScript if you want).
2️⃣ Install Tailwind CSS
Run:
npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p
🚀 Features
🔐 Login Page – Username + Password (mock auth, password = test123).
📂 Contracts Dashboard – Table view with:
Contract Name, Parties, Expiry, Status, Risk.
Search bar + filters (Status, Risk).
Pagination (10 rows per page).
📑 Contract Detail Page – Metadata, clauses, AI insights, evidence drawer.
👤 Profile Dropdown – User profile with logout option.
📱 Responsive UI – Built with Tailwind for c
📑 Contract Detail Page – Metadata, clauses, AI insights, evidence drawer.
👤 Profile Dropdown – User profile with logout option.
📱 Responsive UI – Built with Tailwind for clean, modern look.
🛠️ Tech Stack
Frontend: React + Vite
Styling: Tailwind CSS
Icons: React Icons
State Management: React Hooks & Context API
Deployment: GitHub and Versal application
********************
