Skip to content

README.md

Latest commit

 

History

History
153 lines (106 loc) · 3.8 KB

README.md

File metadata and controls

153 lines (106 loc) · 3.8 KB
Raw

🌐 Cyber-Academic Portfolio

by Dr. (Prof.) Jitendra Prajapat

"The professor who refuses to be boring."

⭐ Star this repository to celebrate professors who build instead of lecture.

🧬 About the Experience

The Cyber-Academic Portfolio redefines the idea of a faculty webpage.
Instead of a static résumé site, this project delivers a cinematic, interactive experience symbolizing the intersection of:

  • Academia
  • Artificial Intelligence
  • Cybersecurity
  • Innovation
  • Human curiosity

A living visual metaphor for a brain in motion — where research, teaching, and creativity form a neural web of infinite possibility.

✨ Core Features

🧠 3D Neural Network Background
A dynamic particle-based visual built with Three.js, simulating
the interconnected nature of learning, thought, and research.
Responsive to movement — the system reacts as the mind engages.

❄️ Glassmorphism Interface
Frosted panels float above the 3D world to deliver information without breaking immersion.

📱 Responsive UI Architecture
Pixel-perfect across Desktop, Tablet & Mobile — accessibility baked in.

🎭 Hover & Motion Animations
Micro-interactions & smooth transitions powered by Tailwind CSS.

🛰️ Single-Page Intelligent Navigation
Sections stitched together with smart scrolling:

  • Home
  • About
  • Expertise (AI/ML, Cybersecurity, Software Engineering, Academia)
  • Timeline & Achievements
  • Contact & Social Handles

🛠️ Technology Stack

Layer Technology
Core Framework React.js (Vite)
Styling System Tailwind CSS
3D Engine Three.js
Icons Lucide React
Deployment Modern static hosting (Netlify/Vercel)

Designed for performance, polish, and pixel-level experience control.

⚙️ Local Development Guide

Clone Repository

git clone https://github.com/your-username/your-repo-name.git
cd your-repo-name

Install Dependencies

npm install

Run Local Dev Server

npm run dev

Open your browser and enter:

http://localhost:5173

📂 Project Blueprint

src/
├── App.jsx        # Root component + 3D Scene logic
├── components/    # UI modules (Navbar, Cards, Sections, Footer)
├── assets/        # Images, textures, icons
└── index.css      # Tailwind directives + globals

public/
└── static assets (favicons, manifest, preview images)

🧭 Why This Portfolio Matters

✔ Gives academia a modern, immersive identity

✔ Proves professors can code what they teach

✔ Bridges visual storytelling with credibility

✔ Signals to students: your teacher walks the talk

✔ Demonstrates mastery across:

  • UI Architecture
  • Interactive Design
  • 3D Simulation
  • Research Storytelling

In short: Not just a profile — a digital alter-ego.

🧑‍🏫 About the Creator

Dr. (Prof.) Jitendra Prajapat Assistant Professor | AI & Cybersecurity Researcher | Technology Evangelist

Dedicated to inspiring future engineers by refusing to be ordinary.