diff --git a/projects/saasboard/index.html b/projects/saasboard/index.html
new file mode 100644
index 00000000..c909a0f8
--- /dev/null
+++ b/projects/saasboard/index.html
@@ -0,0 +1,74 @@
+
+
+
+
+
+SaaSBoard
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Recent Users
+
+
+
+| Name |
+Email |
+Status |
+
+
+
+
+
+
+
+
${user.name} |
+${user.email} |
+${user.status} |
+`;
+userTable.appendChild(row);
+});
+
+/* Simple Chart Drawing */
+
+function drawChart(){
+ctx.clearRect(0,0,600,300);
+
+ctx.strokeStyle="#38bdf8";
+ctx.beginPath();
+
+dataPoints.forEach((point,index)=>{
+let x=index*80+50;
+let y=300-point*5;
+
+if(index===0) ctx.moveTo(x,y);
+else ctx.lineTo(x,y);
+});
+
+ctx.stroke();
+}
+
+drawChart();
diff --git a/projects/saasboard/style.css b/projects/saasboard/style.css
new file mode 100644
index 00000000..9ec8b9cf
--- /dev/null
+++ b/projects/saasboard/style.css
@@ -0,0 +1,83 @@
+*{
+margin:0;
+padding:0;
+box-sizing:border-box;
+font-family:Arial, sans-serif;
+}
+
+body{
+background:#0f172a;
+color:white;
+}
+
+.dashboard{
+display:flex;
+min-height:100vh;
+}
+
+.sidebar{
+width:220px;
+background:#1e293b;
+padding:20px;
+}
+
+.sidebar h2{
+margin-bottom:20px;
+}
+
+.sidebar ul{
+list-style:none;
+}
+
+.sidebar li{
+padding:10px;
+margin-bottom:5px;
+cursor:pointer;
+border-radius:5px;
+}
+
+.sidebar li:hover,
+.sidebar .active{
+background:#38bdf8;
+color:black;
+}
+
+.main-content{
+flex:1;
+padding:20px;
+}
+
+.topbar{
+margin-bottom:20px;
+}
+
+.cards{
+display:grid;
+grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
+gap:20px;
+margin-bottom:30px;
+}
+
+.card{
+background:#1e293b;
+padding:20px;
+border-radius:10px;
+}
+
+.charts{
+background:#1e293b;
+padding:20px;
+border-radius:10px;
+margin-bottom:30px;
+}
+
+.users table{
+width:100%;
+border-collapse:collapse;
+}
+
+.users th,
+.users td{
+padding:10px;
+border-bottom:1px solid #334155;
+}