Cybersecurity-Portfolio

🔐 Manglam Jaiswal - Cybersecurity Portfolio

    **A cybersecurity-themed portfolio showcasing projects in Full-Stack Development, IoT, and Cybersecurity.** [🌐 Live Demo](https://manglam.me/) • [📧 Email](mailto:ecs.crce.10127@gmail.com) • [💼 LinkedIn](https://www.linkedin.com/in/manglam-jaiswal-0b2822290)

---

✨ Features

• 🔐 Cybersecurity Theme - Dark cyberpunk aesthetic with neon green/blue accents
• 🎨 Matrix Background - Animated Matrix rain effect
• 💻 Terminal UI - Terminal-style components and glitch effects
• 📱 Fully Responsive - Optimized for all devices
• ⚡ Fast Performance - Static site generation
• 🎯 SEO Optimized - Meta tags and semantic HTML
• 🌐 GitHub Pages - Deployed and live

🛠️ Tech Stack

Frontend

• Next.js 14 - React framework with App Router
• TypeScript - Type-safe development
• Tailwind CSS 4 - Utility-first CSS framework
• Framer Motion - Smooth animations
• Radix UI - Accessible component primitives
• Lucide React - Icon library
• Three.js / React Three Fiber - 3D graphics

Deployment

• GitHub Pages - Static site hosting
• GitHub Actions - Automated deployment

🚀 Quick Start

Prerequisites

• Node.js 18+ (recommended: 20 LTS)
• pnpm (recommended) or npm

Installation

1. Clone the repository

   git clone https://github.com/ManglamX/ManglamX.github.io.git
   cd ManglamX.github.io
   

2. Install dependencies

   pnpm install
   

3. Run development server

   pnpm dev
   

4. Open your browser Navigate to http://localhost:3000

📦 Build & Deploy

Local Build

pnpm build

Deploy to GitHub Pages

git add .
git commit -m "Update portfolio"
git push origin main

GitHub Actions will automatically build and deploy to GitHub Pages.

🎨 Customization

Personal Information

Update your details in:

• data/profile.ts - Basic profile information
• data/projects.ts - Project portfolio
• app/layout.tsx - Site metadata and SEO

Styling

• Modify app/globals.css for global styles and cyber theme
• Update components/ for component-specific styling
• Theme colors use CSS custom properties with neon green (#00ff41) and cyber blue

Content Sections

• Hero: components/cyber-hero.tsx
• About: components/about.tsx
• Skills: components/skills.tsx (Terminal UI)
• Projects: components/projects-grid.tsx
• Experience: components/experience.tsx
• Education: components/education.tsx
• Certifications: components/certifications.tsx
• Achievements: components/activities.tsx
• Contact: components/contact.tsx

📁 Project Structure

ManglamX.github.io/
├── app/                    # Next.js App Router
│   ├── globals.css        # Global styles & cyber theme
│   ├── layout.tsx         # Root layout
│   └── page.tsx           # Home page
├── components/            # React components
│   ├── ui/               # Reusable UI components
│   ├── cyber-hero.tsx    # Hero with particle effects
│   ├── about.tsx         # About section
│   ├── certifications.tsx # Certifications display
│   └── ...
├── data/                  # Static data
│   ├── profile.ts        # Profile information
│   └── projects.ts       # Projects data
├── public/               # Static assets
│   └── Images/          # Project images
└── next.config.mjs      # Next.js configuration

🌐 Live Website

🔗 Visit Portfolio

🎓 About

Manglam Jaiswal

• 🎓 B.E. Electronics & Computer Science (Honors in Cybersecurity)
• 📊 CGPA: 9.15/10
• 🏫 Fr. Conceicao Rodrigues College of Engineering, Mumbai University
• 🔐 IoT Lead at Project Cell CRCE
• 💼 Former Intern at Apraava Energy

🏆 Achievements

• 🥇 Rank #48/1700 in OWASP Hacker’s Gambit National CTF
• 🏅 Finalist in Breach Bytes 3.0 CTF
• 💰 IDFC First Bank Scholarship Recipient (Rs. 1 Lakh)
• 🚀 100X.VC Pitch Competition Participant

📜 Certifications (9 Total)

• Google Cloud Cybersecurity Certificate
• AWS Academy Graduate - Cloud Architecting
• Cryptography: A Hands-On Approach
• Tata Cybersecurity Analyst Job Simulation
• Deloitte Cyber Job Simulation
• Geodata Processing using Python & ML
• Introduction to Internet of Things
• Python for Data Science
• Social Network Analysis

🚀 Featured Projects

1. GhostESP - Wireless Security Testing Firmware
2. ESP Monitor - WiFi Security Monitor with LCD
3. PWDGuard - Password Security Suite
4. FixLit - Smart Lighting Control System
5. AI Waste Classification - ResNet50 + Gemini API
6. And 4 more…

Connect with me

• 📧 Email: ecs.crce.10127@gmail.com
• 💼 LinkedIn: manglam-jaiswal-0b2822290
• 🐙 GitHub: ManglamX
• 💻 HackerRank: raaj_jaiswal1990
• 🔧 LeetCode: ManglamX
• 🛡️ TryHackMe: ManglamX
• 🌐 Portfolio: https://manglam.me/

---

**⭐ Star this repository if you found it helpful!** Made with 💚 by [Manglam Jaiswal](https://manglam.me/)