https://github.com/dan-duran/hak3r
🚀 A modern, responsive portfolio template for cybersecurity professionals built with React, TypeScript, and Flowbite. Features include system-aware dark/light theme, SEO optimization, and clean component architecture.
https://github.com/dan-duran/hak3r
cybersecurity-website free-website portfolio-template-free react-tempalte static-site tailwind
Last synced: 6 months ago
JSON representation
🚀 A modern, responsive portfolio template for cybersecurity professionals built with React, TypeScript, and Flowbite. Features include system-aware dark/light theme, SEO optimization, and clean component architecture.
- Host: GitHub
- URL: https://github.com/dan-duran/hak3r
- Owner: Dan-Duran
- License: mit
- Created: 2025-02-08T20:21:25.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-03-30T07:44:43.000Z (6 months ago)
- Last Synced: 2025-03-30T08:27:31.397Z (6 months ago)
- Topics: cybersecurity-website, free-website, portfolio-template-free, react-tempalte, static-site, tailwind
- Language: TypeScript
- Homepage: https://hak3r.getcyber.me
- Size: 2.1 MB
- Stars: 16
- Watchers: 1
- Forks: 4
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://youtube.com/getCyber)**
- **👉 Checkout some more awesome tools at [GetCyber](https://getcyber.me/tools)**
- **👉 Discord Server [GetCyber - Discord](https://discord.gg/YUf3VpDeNH)**
---
## 📺 Tutorial
[](https://youtu.be/DQ3S2x1zbzk)
## 💻 Screenshot
## 🚀 Live Demo
Check out the live demo at [https://hak3r.getcyber.me](https://hak3r.getcyber.me)
## ✨ 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:
```bash
git clone https://github.com/Dan-Duran/hak3r.git
cd hak3r
```
2. Install dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm run dev
```
## 🏗️ Building for Production (folder dist)
Create a production build:
```bash
npm run build
```
Preview the production build:
```bash
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](LICENSE) file for details.
## 👨💻 Author
**Dan Duran** - [GetCyber](https://getcyber.me)
---
Made with ❤️ by GetCyber