HAK3R Free Portfolio Website

A modern, responsive portfolio template built specifically for cybersecurity professionals. Built with React, TypeScript, and Flowbite React components, it offers a sleek design with light/dark mode support.

💪 Join me!

• 👉 Subscribe to my YouTube Channel GetCyber - YouTube
• 👉 Checkout some more awesome tools at GetCyber
• 👉 Discord Server GetCyber - Discord

---

📺 Tutorial

💻 Screenshot

🚀 Video Demo

https://github.com/user-attachments/assets/d1416b79-ef4a-4b08-9887-6003180a8667

✨ Features

• Responsive Design: Fully responsive layout that works on all devices
• Dark/Light Mode: System-aware theme that respects user preferences
• Modern Stack: Built with React 18, TypeScript, and Vite
• Optimized Build: Production-ready with static file exports
• Component Library: Leverages Flowbite React for consistent UI
• Performance Focused: Fast page loads and smooth animations
• SEO Ready: Includes meta tags and OpenGraph support
• Easy Customization: Well-organized codebase for easy modifications

🛠️ Tech Stack

• React 18
• TypeScript
• Vite
• Tailwind CSS
• Flowbite React
• ESLint & Prettier

📦 Installation

1. Clone the repository:

git clone https://github.com/Dan-Duran/hak3r.git
cd hak3r

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

🏗️ Building for Production (folder dist)

Create a production build:

npm run build

Preview the production build:

npm run preview

📁 Project Structure

hak3r/
├── public/
│   └── assets/
│       ├── css/
│       ├── images/
│       └── js/
├── src/
│   ├── components/
│   │   ├── Nav.tsx
│   │   └── Footer.tsx
│   ├── App.tsx
│   └── main.tsx
├── index.html
├── package.json
├── tsconfig.json
├── vite.config.ts
└── tailwind.config.js

🔧 Configuration

Vite Config

The project uses a custom Vite configuration for optimal production builds:

• Static file exports
• Asset optimization
• Proper path resolution
• Custom JS handling

🚀 Deployment

The site can be deployed to any static hosting service. The production build outputs to the dist folder.

🤝 Contributing

1. Fork the repository
2. Create your feature branch
3. Commit your changes
4. Push to the branch
5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Author

Dan Duran - GetCyber

---

Made with ❤️ by GetCyber