AI Review Center
Commit Review Workspace ?
Select a commit on the left to inspect quality, security, business value, findings, and suggested code changes.
Project AI Score
?
59%
Quality Avg
?
64%
Security Avg
?
45%
Reviews
?
57
Review Result ?
jattin01/avriti-backend · f134e8e6
The commit adds a large static HTML dashboard template with styling and layout but no dynamic or interactive functionality. The code is cleanly formatted and uses modern Tailwind CSS and FontAwesome for UI styling. However, there are no functional scripts or backend connectivity implemented. This limits immediate business value. The file is a static UI draft with some hardcoded placeholder data and minor semantic issues. Security concerns are low given it's frontend markup, but lack of input sanitization or scripts means minimal risk at this stage. The addition appears plausible but lacks functional substance, elevating risk of fake work.
Quality
?
60%
Security
?
10%
Business Value
?
40%
Maintainability
?
70%
Issues & Suggested Fixes
?
1AI detects the issue
2Shows file, line, or evidence
3Suggests the fix to apply
Vague Commit Message
Where
commit message
Issue / Evidence
vague commit message
Suggested Fix
use detailed message explaining purpose and contents
Input Without Name Or Id
Where
avriti-dashboard/avriti-dashboard/dashboard.html:97
Issue / Evidence
input without name or id
Suggested Fix
add identifiers to input for accessibility and future scripting
External Image Url Used
Where
avriti-dashboard/avriti-dashboard/dashboard.html:105
Issue / Evidence
external image URL used
Suggested Fix
replace with local assets or reliable sources for stability
Image Missing Alt Attribute
Where
avriti-dashboard/avriti-dashboard/dashboard.html:33
Issue / Evidence
image missing alt attribute
Suggested Fix
add alt text for accessibility
Placeholder Numeric Data
Where
avriti-dashboard/avriti-dashboard/dashboard.html:151
Issue / Evidence
placeholder numeric data
Suggested Fix
replace hardcoded stats with dynamic data integration for real value
<Body> Tag Missing Semantic Landmarks
Where
avriti-dashboard/avriti-dashboard/dashboard.html:24
Issue / Evidence
<body> tag missing semantic landmarks
Suggested Fix
add appropriate ARIA roles or landmarks for accessibility
Tailwind Script Loaded From Cdn In Product...
Where
avriti-dashboard/avriti-dashboard/dashboard.html:9
Issue / Evidence
Tailwind script loaded from CDN in production
Suggested Fix
consider self-hosting for reliability and security
Fontawesome Script Loaded From Cdn
Where
avriti-dashboard/avriti-dashboard/dashboard.html:7
Issue / Evidence
FontAwesome script loaded from CDN
Suggested Fix
verify integrity attribute or use local hosting
Code Change Preview · avriti-dashboard/avriti-dashboard/dashboard.html
?
Removed / Before Commit
- \ No newline at end of file
Added / After Commit
+ <!DOCTYPE html> + <html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0"/> + <title>Sellzy Dashboard</title> + <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/js/all.min.js" defer></script> + <link href="https://fonts.googleapis.com/css2?family=Basic&display=swap" rel="stylesheet"> + <script src="https://cdn.tailwindcss.com"></script> + <script> + tailwind.config = { + theme: { + extend: { + fontFamily: { sans: ['Basic', 'sans-serif'] }, + colors: { + brand: { DEFAULT: '#0d6e5e', dark: '#0a5a4d', light: '#e6f4f1' }, + } + }
Removed / Before Commit
Added / After Commit
+ <!DOCTYPE html> + <html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>Users | Avriti Dashboard</title> + <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/js/all.min.js" defer></script> + <link href="https://fonts.googleapis.com/css2?family=Basic&display=swap" rel="stylesheet"> + <script src="https://cdn.tailwindcss.com"></script> + <script> + tailwind.config = { + theme: { + extend: { + fontFamily: { sans: ['Basic', 'sans-serif'] }, + colors: { + brand: { DEFAULT: '#0d6e5e', dark: '#0a5a4d', light: '#e6f4f1' } + } + }
Removed / Before Commit
Added / After Commit
+ <!DOCTYPE html> + <html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>Users | Avriti Dashboard</title> + <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/js/all.min.js" defer></script> + <link href="https://fonts.googleapis.com/css2?family=Basic&display=swap" rel="stylesheet"> + <script src="https://cdn.tailwindcss.com"></script> + <script> + tailwind.config = { + theme: { + extend: { + fontFamily: { sans: ['Basic', 'sans-serif'] }, + colors: { + brand: { DEFAULT: '#0d6e5e', dark: '#0a5a4d', light: '#e6f4f1' } + } + }
Removed / Before Commit
Added / After Commit
+ <!DOCTYPE html> + <html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>Users | Avriti Dashboard</title> + <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/js/all.min.js" defer></script> + <link href="https://fonts.googleapis.com/css2?family=Basic&display=swap" rel="stylesheet"> + <script src="https://cdn.tailwindcss.com"></script> + <script> + tailwind.config = { + theme: { + extend: { + fontFamily: { sans: ['Basic', 'sans-serif'] }, + colors: { + brand: { DEFAULT: '#0d6e5e', dark: '#0a5a4d', light: '#e6f4f1' } + } + }
Removed / Before Commit
Added / After Commit
+ <!DOCTYPE html> + <html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>Users | Avriti Dashboard</title> + <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/js/all.min.js" defer></script> + <link href="https://fonts.googleapis.com/css2?family=Basic&display=swap" rel="stylesheet"> + <script src="https://cdn.tailwindcss.com"></script> + <script> + tailwind.config = { + theme: { + extend: { + fontFamily: { sans: ['Basic', 'sans-serif'] }, + colors: { + brand: { DEFAULT: '#0d6e5e', dark: '#0a5a4d', light: '#e6f4f1' } + } + }
Removed / Before Commit
Added / After Commit
+ <!DOCTYPE html> + <html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>Users | Avriti Dashboard</title> + <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/js/all.min.js" defer></script> + <link href="https://fonts.googleapis.com/css2?family=Basic&display=swap" rel="stylesheet"> + <script src="https://cdn.tailwindcss.com"></script> + <script> + tailwind.config = { + theme: { + extend: { + fontFamily: { sans: ['Basic', 'sans-serif'] }, + colors: { + brand: { DEFAULT: '#0d6e5e', dark: '#0a5a4d', light: '#e6f4f1' } + } + }
Removed / Before Commit
Added / After Commit
+ hello
Removed / Before Commit
Added / After Commit
+ <!DOCTYPE html> + <html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>Users | Avriti Dashboard</title> + <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/js/all.min.js" defer></script> + <link href="https://fonts.googleapis.com/css2?family=Basic&display=swap" rel="stylesheet"> + <script src="https://cdn.tailwindcss.com"></script> + <script> + tailwind.config = { + theme: { + extend: { + fontFamily: { sans: ['Basic', 'sans-serif'] }, + colors: { + brand: { DEFAULT: '#0d6e5e', dark: '#0a5a4d', light: '#e6f4f1' } + } + }
Removed / Before Commit
- \ No newline at end of file
Added / After Commit
+ @extends('layouts.app') + + @section('title', 'Sellzy Dashboard') + @section('content') + + <div class="bg-white rounded-2xl p-6 shadow-sm"> + + <!-- Stat Cards Row 1 --> + <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4"> + + <!-- Total Sales --> + <div class="bg-teal-50 rounded-2xl p-5"> + <p class="text-sm text-gray-500 mb-3">Total Sales</p> + <div class="flex items-center gap-3"> + <span class="text-[30px ] lg:text-2xl font-bold text-gray-800">$4,876</span> + <span class="flex items-center gap-1 text-xs font-semibold text-green-600 bg-green-100 px-2 py-1 rounded-full"> + +0.1% + <svg class="w-3 h-3" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24">
Removed / Before Commit
Added / After Commit
+ <!DOCTYPE html> + <html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>@yield('title', 'Avriti Dashboard')</title> + @include('partials.css') + @stack('styles') + </head> + <body class="@yield('body_class', 'bg-gray-100 font-sans')"> + + + <div class="min-h-screen flex"> + @include('partials.sidebar') + <div id="sidebarBackdrop" class="fixed inset-0 z-30 hidden bg-black/40 opacity-0 transition-opacity duration-300 lg:hidden"></div> + + <!-- Main Content --> + <div class="flex-1 flex flex-col overflow-hidden">
Removed / Before Commit
Added / After Commit
+ @extends('layouts.app') + + @section('title', 'Users | Avriti Dashboard') + @section('body_class', 'bg-gray-100 font-sans p-[20px]') + @section('content') + <div class="w-full max-w-md bg-white mx-auto rounded-xl overflow-hidden shadow-lg"> + + <!-- Top Section --> + <div class="bg-[#0b3dba] px-8 py-8 relative"> + + <div class="flex items-center gap-5 justify-center"> + + + + + <!-- Heading --> + <div class="text-center"> +
Removed / Before Commit
Added / After Commit
+ @extends('layouts.app') + + @section('title', 'Users | Avriti Dashboard') + @section('content') + + <div class="bg-white rounded-2xl shadow-sm overflow-hidden"> + + <!-- Table --> + <div class="overflow-x-auto"> + + <table class="w-full text-sm text-left text-gray-600"> + + <!-- Head --> + <thead class="bg-[#0b3dba] border-b border-gray-200 text-gray-500"> + + <tr> + + <th class="px-5 py-4">
Removed / Before Commit
Added / After Commit
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/js/all.min.js" defer></script> + <link href="https://fonts.googleapis.com/css2?family=Basic&display=swap" rel="stylesheet"> + <script src="https://cdn.tailwindcss.com"></script> + <script> + tailwind.config = { + theme: { + extend: { + fontFamily: { sans: ['Basic', 'sans-serif'] }, + colors: { + brand: { DEFAULT: '#0d6e5e', dark: '#0a5a4d', light: '#e6f4f1' }, + } + } + } + } + </script>
Removed / Before Commit
Added / After Commit
+
Removed / Before Commit
Added / After Commit
+ <!-- Topbar --> + <header class="bg-[#0b3dba] lg:bg-white border-b border-gray-200 flex items-center justify-between px-6 py-3 flex-shrink-0"> + <!-- Collapse + Search --> + <div class="flex items-center gap-4"> + <button id="openSidebarBtn" class="w-9 h-9 rounded-full border border-gray-200 flex items-center justify-center text-gray-500 hover:bg-gray-50 transition lg:hidden"> + <i class="fa-solid fa-angle-left text-white lg:text-[#000]"></i> + </button> + <span class="block lg:hidden text-xl font-bold tracking-tight"> + <img src="{{ asset('img/logo1.png') }}" class="invert brightness-0 w-[100px]" /> + </span> + <div class="hidden md:flex items-center gap-2 bg-gray-100 rounded-full px-4 py-2 md:w-72"> + <svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg> + <input type="text" placeholder="Search..." class="bg-transparent text-sm text-gray-600 placeholder-gray-400 outline-none w-full"/> + </div> + </div> + + <!-- Right: flags, icons, avatar --> + <div class="flex items-center gap-3">
Removed / Before Commit
Added / After Commit
+ <script> + const mobileSidebar = document.getElementById('mobileSidebar'); + const sidebarBackdrop = document.getElementById('sidebarBackdrop'); + const openSidebarBtn = document.getElementById('openSidebarBtn'); + const closeSidebarBtn = document.getElementById('closeSidebarBtn'); + + function openSidebar() { + mobileSidebar.classList.remove('-translate-x-full'); + mobileSidebar.classList.add('translate-x-0'); + sidebarBackdrop.classList.remove('hidden', 'opacity-0'); + sidebarBackdrop.classList.add('block', 'opacity-100'); + document.body.classList.add('overflow-hidden'); + } + + function closeSidebar() { + mobileSidebar.classList.add('-translate-x-full'); + mobileSidebar.classList.remove('translate-x-0'); + sidebarBackdrop.classList.remove('opacity-100');
Removed / Before Commit
Added / After Commit
+ <!-- Sidebar --> + <aside id="mobileSidebar" class="fixed inset-y-0 left-0 z-40 w-64 transform -translate-x-full overflow-y-auto bg-[#0b3dba] text-white flex flex-col transition-transform duration-300 ease-in-out lg:static lg:translate-x-0 lg:transform-none lg:w-64 flex-shrink-0"> + <!-- Logo --> + <div class="flex items-center gap-2 px-5 py-5 border-b border-white/10"> + <span class="text-xl font-bold tracking-tight"> + <img src="{{ asset('img/logo1.png') }}" class="invert brightness-0 w-[150px]" /> + </span> + <button id="closeSidebarBtn" class="ml-auto inline-flex h-9 w-9 items-center justify-center rounded-full border border-white/20 text-white hover:bg-white/10 transition lg:hidden" aria-label="Close sidebar"> + <i class="fa-solid fa-xmark"></i> + </button> + </div> + + <!-- Nav --> + <nav class="flex-1 overflow-y-auto px-3 py-4 space-y-1"> + <!-- Dashboard --> + <a href="{{ route('dashboard') }}" class="flex items-center gap-3 px-3 py-2.5 rounded-xl bg-white/10 text-white font-semibold"> + <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg> + Dashboard
Removed / Before Commit
Added / After Commit
+ @extends('layouts.app') + + @section('title', 'Users | Avriti Dashboard') + @section('content') + + <div class="px-4 py-8 sm:px-6 lg:px-8"> + <div class="mx-auto w-full max-w-7xl"> + + + <div class="overflow-hidden rounded-[32px] bg-white shadow-xl shadow-slate-200/40"> + <div class="grid gap-6 lg:grid-cols-[360px_minmax(0,1fr)] p-6"> + <div class="rounded-[32px] bg-slate-50 p-4"> + <img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=720&q=80" alt="Profile photo" class="h-[480px] w-full rounded-[28px] object-cover shadow-inner shadow-slate-200/80" /> + </div> + + <div class="flex flex-col gap-6"> + <div> + <div class="mb-6">
Removed / Before Commit
Added / After Commit
+ @extends('layouts.app') + + @section('title', 'Users | Avriti Dashboard') + @section('body_class', 'bg-gray-100 font-sans p-[20px]') + @section('content') + <div class="w-full max-w-md bg-white mx-auto rounded-xl overflow-hidden shadow-lg"> + + <!-- Top Section --> + <div class="bg-[#0b3dba] px-8 py-8 relative"> + + <div class="flex items-center gap-5 justify-center"> + + + + + <!-- Heading --> + <div class="text-center"> +
Removed / Before Commit
Added / After Commit
+ @extends('layouts.app') + + @section('title', 'Users | Avriti Dashboard') + @section('content') + + <div class="bg-white rounded-2xl shadow-sm overflow-hidden"> + + <!-- Table --> + <div class="overflow-x-auto"> + + <table class="w-full text-sm text-left text-gray-600"> + + <!-- Head --> + <thead class="bg-[#0b3dba] border-b border-gray-200 text-gray-500"> + + <tr> + + <th class="px-5 py-4">
Removed / Before Commit
Added / After Commit
+ @extends('layouts.app') + + @section('title', 'Users | Avriti Dashboard') + @section('content') + + <div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"> + <div> + <h1 class="text-2xl font-semibold text-[#0b3dba]">Users List</h1> + + </div> + + </div> + <div class="overflow-hidden rounded-[32px] bg-white shadow-sm"> + <div class="flex flex-col gap-4 border-b border-gray-200 px-6 py-5 sm:flex-row sm:items-center sm:justify-between"> + <div class="flex flex-col gap-2 sm:flex-row sm:items-center"> + <div class="rounded-2xl bg-[#eef4ff] px-4 py-3 text-sm font-semibold text-[#1a41b1]">5 Users</div> + <p class="text-sm text-gray-500">Latest created accounts shown below.</p> + </div>
Removed / Before Commit
- Route::get('/', function () { - return view('welcome'); - });
Added / After Commit
+ Route::get('/', function () { + return view('welcome'); + }); + + Route::view('/dashboard', 'dashboard')->name('dashboard'); + Route::view('/users', 'users')->name('users.index'); + Route::view('/profile', 'profile')->name('profile'); + Route::view('/orders', 'orders')->name('orders.index'); + Route::view('/return-refund', 'return-refund')->name('return-refund.index'); + Route::view('/login', 'login')->name('login'); + Route::view('/register', 'register')->name('register');