Bedir Tuğra Karaabalı - Personal Portfolio

A modern, beautiful personal portfolio website built with Next.js 15, React 19, TypeScript, and Bootstrap 5.

✨ Features

• 🚀 Next.js 15 with App Router for optimal performance
• 🎨 Modern UI/UX with beautiful animations and transitions
• 🌓 Dark/Light Mode with smooth theme switching
• 📱 Fully Responsive design for all devices
• ⚡ Optimized Performance with Next.js Image optimization
• 🎭 Lottie Animations for engaging user experience
• 📄 Resume Page with timeline view
• 📝 Blog Section with search and filtering
• 💼 Projects Showcase with modern card design
• 📧 Contact Form for easy communication
• 🔐 Admin Dashboard for content management

🛠️ Tech Stack

• Framework: Next.js 15
• Language: TypeScript
• Styling: Bootstrap 5 + Custom CSS
• Icons: Bootstrap Icons
• Animations: Lottie React
• Charts: Recharts
• Fonts: Google Fonts (Orbitron, Roboto Mono, Inter)

🚀 Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/bdrtr/bdrtr.github.io.git
cd bdrtr.github.io

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. Open http://localhost:3000 in your browser.

📦 Build for Production

npm run build
npm start

📁 Project Structure

├── app/                    # Next.js App Router
│   ├── layout.tsx         # Root layout
│   ├── page.tsx           # Home page
│   ├── blog/              # Blog pages
│   ├── contact/           # Contact page
│   ├── projects/         # Projects page
│   ├── resume/            # Resume page
│   └── admin/             # Admin dashboard
├── src/
│   ├── components/        # React components
│   ├── contexts/          # React contexts (Theme)
│   ├── css/               # Custom styles
│   ├── assets/            # Images and animations
│   └── utils/             # Utility functions
└── public/                # Static assets

🎨 Customization

Theme Colors

Edit src/css/professional-theme.css to customize the color scheme.

Content

• Resume Data: Edit src/pages/Resume.tsx
• Projects: Edit src/pages/Projects.tsx
• Blog Posts: Edit app/blog/page.tsx

📝 License

This project is open source and available under the MIT License.

👤 Author

Bedir Tuğra Karaabalı

• Website: bdrtr.github.io
• GitHub: @bdrtr

🙏 Acknowledgments

• Bootstrap team for the amazing framework
• Next.js team for the powerful framework
• All contributors and open-source libraries used