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.

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

Check out the live demo at https://hak3r.getcyber.me

• 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

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

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

Create a production build:

npm run build

Preview the production build:

npm run preview

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

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

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

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

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

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

Dan Duran - GetCyber

Made with ❤️ by GetCyber