Learnhack Cybersecurity Training Platform

A comprehensive, interactive cybersecurity training platform designed to teach and test hacking skills. Participants can learn various concepts, practice in simulated environments, and compete with others.

🚀 Tech Stack

• Frontend Framework: React 19
• Type Checking: TypeScript
• Bundler: Vite
• Animations: Framer Motion
• Database Backend: Supabase & PostgreSQL
• Styling: Modern CSS / Tailwind (Responsive layout)

✨ Features

• Interactive Dashboard: Track your XP, rank, and learning progress.
• Learn & Practice: Dedicated modules for learning new skills (e.g., Security Analyst track) and practicing them in hands-on simulated environments.
• Competitions: Compete with other learners to test your skills.
• Authentication: Seamless sign-up and login flows.
• Smooth Page Transitions: Powered by Framer Motion for a native app-like experience.

📸 Screenshots

Here is a glimpse of the platform in action.

🛠️ Getting Started

Prerequisites

• Node.js (v18+ recommended)
• npm or yarn

Installation

1. Clone the repository to your local machine:

   git clone <repository_url>

2. Navigate into the project directory:

   cd letushack-cybersecurity-training-master

3. Install dependencies:

   npm install

4. Set up environment variables by copying .env.example to .env. Update any required configurations (like Supabase details) within .env:

   cp .env.example .env

5. Start the development server:

   npm run dev

Open your browser and visit the URL provided in the terminal (usually http://localhost:5173) to view the application in action.