🚀 Personal portfolio showcasing AI systems, Cybersecurity tools, and Full-stack projects with a focus on real-world problem solving.
This portfolio highlights my work in:
- 🤖 Artificial Intelligence & Systems Engineering
- 🔐 Cybersecurity & Network Intelligence
- ☁️ Cloud & DevOps Technologies
- 💻 Full-Stack Development
logan-portfolio/
│
├── public/ # Static assets
├── src/
│ ├── components/ # Reusable UI components
│ ├── sections/ # Page sections (Hero, Projects, Skills)
│ ├── assets/ # Images, icons, media
│ ├── utils/ # Helper functions
│ ├── App.tsx # Main app component
│ └── main.tsx # Entry point
│
├── index.html
├── package.json
├── tailwind.config.js
├── vite.config.ts
└── README.md
flowchart TD
A[User Browser] --> B[Frontend - React + Vite]
B --> C[UI Components]
B --> D[3D Visualization - Three.js / R3F]
C --> E[Project Sections]
C --> F[Skills & Tech Stack]
D --> G[3D Animations]
D --> H[Interactive Elements]
B --> I[Assets & Static Files]
style A fill:#0f172a,color:#fff
style B fill:#1e293b,color:#fff
style D fill:#020617,color:#38bdf8
🔹 Clone the Repository
git clone https://github.com/LoganthP/MyPortfolio.git
cd MyPortfolio
🔹 Install Dependencies
npm install
🔹 Run the Project
npm run dev
🔹 Build for Production
npm run build
🔹 Preview Build
npm run preview
- ⚡ High-performance React + Vite setup
- 🎨 TailwindCSS modern UI
- 🧠 AI & Cybersecurity project showcase
- 🌌 3D Tech Stack visualization
- 📱 Fully responsive design
- 🔥 Smooth animations and interactions