Documenting my cybersecurity learning journey through hands-on projects
This portfolio showcases my journey as a cybersecurity student. Each project represents a learning milestone as I explore penetration testing, network security, and secure development practices.
- 🎨 Modern UI — Clean, responsive design with dark mode support
- 🚀 Fast Performance — Built with Vite for lightning-fast development
- 📱 Fully Responsive — Works seamlessly on all devices
- 🔒 Security Focused — Projects centered around cybersecurity concepts
- ⚡ Smooth Animations — Powered by Framer Motion
| Category | Technologies |
|---|---|
| Frontend | React, TypeScript, Tailwind CSS |
| Build Tool | Vite |
| UI Components | shadcn/ui, Radix UI |
| Animations | Framer Motion |
| Routing | React Router |
| Icons | Lucide React, React Icons |
- Node.js 18+
- npm or bun
# Clone the repository
git clone <YOUR_GIT_URL>
# Navigate to project directory
cd projects-lab
# Install dependencies
npm install
# Start development server
npm run devThe app will be available at https://lab.havocsec.me
src/
├── assets/ # Images and static assets
├── components/ # Reusable UI components
│ └── ui/ # shadcn/ui components
├── data/ # Project data and content
├── hooks/ # Custom React hooks
├── lib/ # Utility functions
├── pages/ # Page components
└── test/ # Test files
- Add more cybersecurity projects
- Implement blog section for write-ups
- Add project filtering and search
- Include CTF challenge solutions
This project is open source and available under the MIT License.
Feel free to reach out if you want to collaborate or have any questions!
Built with 💜