The SafeStack Frontend is the user interface for the AI-powered SafeStack platform, enabling developers to:

• Login securely with GitHub.
• Fetch repositories from GitHub
• Trigger AI-powered vulnerability scans.
• View vulnerability reports and actions.
• Search for CVEs in dependencies using Vector Search
• Integrate with Jira for raising tickets for CVEs and Slack for notifying teams with scan results

• 🎨 Pixel-perfect UI built with Figma → React + TailwindCSS.
• 🔑 OAuth2 GitHub Login with backend integration.
• 📂 Repository Dashboard with filters (All, Safe, Vulnerable).
• 🔍 Search Bar for repositories.
• ⚡ Scan Now Button to trigger backend scans.
• 📊 Detailed Vulnerability Views (planned).
• 🔍 Vector Search enabled dependency information search
• ⚡ Jira and Slack Integration

• React 18
• Vite (fast dev + build)
• TailwindCSS 3.x

git clone https://github.com/vanichikara/safestack.git
cd safestack

npm install
# or
yarn install

npm run dev

Visit: http://localhost:5173

• Developer teams managing complex GitHub projects and are frustrated with managing endless CVEs for multiple dependencies.

SafeStack is not just a monitor—it's an intelligent assistant for your projects. It identifies, fixes, explains, and alerts teams, so you're always up to date and your applications are secure

Feel free to suggest features, submit bug reports, or improve the component. This is an open tool aimed at improving DevOps productivity.

This project is licensed under the MIT License.