hak3r

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #typescript #machine-learning #deep-learning #docker #java #awesome #cli #kubernetes #ios #openai

(★ 48)

🚀 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.

hak3r 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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

[![Video Demo](https://img.youtube.com/vi/DQ3S2x1zbzk/0.jpg)](https://youtu.be/DQ3S2x1zbzk)

## 💻 Screenshot

![Image](https://github.com/user-attachments/assets/faabb4d6-e21f-4b46-9959-342c3d00b40f)

## 🚀 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:
```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

hak3r

hak3r 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

hak3r

hak3r 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README