Skip to content

Sadrita404/Codes-32bit_Web-Hackathon-Challenge

Repository files navigation

Welcome to your Web Hackathon Challenge Frontend Project

Project info(By Codes-32bit)

Developer Name:- Sadrita Neogi

Website_URL: https://codes-32bit.lovable.app/

How Run it on

  1.    npm i

2.  npm run dev
  1. [localhost](http://localhost:3000/) 
    Example
    


**Use Vs Code**


**Use your preferred IDE (Vs code is Recomended)**
If you want to run it locally 
Follow these steps:

```sh
# Step 1: Clone the repository using the project's Git URL.
git clone <YOUR_GIT_URL>

# Step 2: Navigate to the project directory.
cd <YOUR_PROJECT_NAME>

# Step 3: Install the necessary dependencies.
npm i

# Step 4: Start the development server with auto-reloading and an instant preview.
npm run dev

About the Project:

🛡️ Red & Blue Team Cybersecurity Simulation Platform

This project is an AI-assisted cybersecurity simulation system designed to enhance both offensive (Red Team) and defensive (Blue Team) capabilities through realistic, data-driven scenarios. It provides a unified environment to analyze, simulate, and visualize cyber incidents dynamically.

🔴 Red Team (Attack Simulation)

Simulates real-world attack scenarios such as reconnaissance, phishing, and exploit testing. Helps identify potential vulnerabilities and assess how systems react under simulated threat conditions. Encourages ethical hacking practice to strengthen system security posture.

🔵 Blue Team (Defense Analysis)

Detects, analyzes, and responds to simulated attacks using intelligent pattern recognition. Evaluates defense mechanisms and highlights areas requiring immediate attention. Assists teams in improving incident response time and accuracy.

📊 Interactive Dashboard Overview

Displays attack paths, detection timelines, and system responses in real time. Provides clear visual insights into how Red Team attacks evolve and how the Blue Team mitigates them. Includes threat metrics, log summaries, and response effectiveness scores to measure defense readiness. Enables post-simulation comparison between Red and Blue strategies for continuous learning.

📄 Dynamic PDF Report Generation

After each simulation, a custom analytical report is automatically generated. The report includes attack vectors, detection outcomes, and performance summaries. Users can download the report to document and review their cybersecurity performance.

What technologies are used for this project?

This project is built with:

  • Vite
  • TypeScript
  • React
  • shadcn-ui
  • Tailwind CSS
  • HTML
  • CSS

Project Demo Video

codes-32bit-sadrita-neogi.mp4

Project ScreenShot

Home Page

Screenshot 2025-10-05 at 5 43 34 PM

Pricing Page

Screenshot 2025-10-05 at 5 43 49 PM

Dashboard Page

Screenshot 2025-10-05 at 5 44 02 PM

About Us Page

Screenshot 2025-10-05 at 5 44 19 PM

Developer Page

Screenshot 2025-10-05 at 5 44 29 PM

Contact Us Page

Screenshot 2025-10-05 at 5 44 40 PM

Pdf Demo

https://sadrita-security-report.tiiny.site/

On Dark-Mode Page

Screenshot 2025-10-05 at 5 44 57 PM

About

Frontend development for the “Web Hackathon Challenge” by IIT Bhubaneswar. Built collaboratively by the Red Team and Blue Team, this project simulates and visualizes foreign exchange rate fluctuations in real-time, enabling users to analyze market dynamics and make strategic decisions through an interactive, responsive interface.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages