👨‍💻 Asil Türkmen | Portfolio

A modern, responsive, and interactive personal portfolio website built with the latest web technologies. Showcasing projects, skills, and professional journey with a premium dark-themed design.

---

✨ Key Features

• 🎨 Modern Aesthetic: Built with a sleek dark theme, glassmorphism effects, and smooth gradients.
• 📱 Fully Responsive: Optimized for all devices, from large desktops to mobile phones.
• ⚡ High Performance: Powered by Vite for lightning-fast loading and development.
• 🎭 Interactive UI:
  • Animated Transitions: Smooth entrance animations using Framer Motion.
  • Sticky Navbar: Glass-effect navigation bar that auto-hides/shows or sticks based on scroll.
  • CV Preview Modal: Integrated PDF viewer to preview the resume without leaving the site.
  • Toast Notifications: Modern, non-intrusive alerts for form interactions using react-hot-toast.
• 🌍 Bilingual Support: Full support for English (EN) and Turkish (TR) with an instant language toggle.
• 📧 Working Contact Form: Integrated with Web3Forms for real-time email delivery.

🛠️ Tech Stack

• Framework: React 18+ (via Vite)
• Language: TypeScript
• Styling: Tailwind CSS 3.4
• Animations: Framer Motion
• Icons: Lucide React
• Notifications: React Hot Toast
• Form Handling: Web3Forms

🚀 Getting Started

To run this project locally, follow these steps:

Prerequisites

Make sure you have Node.js (v16 or higher) installed.

1. Clone the repository

   git clone https://github.com/Sonasil/Portfolio2.git
   cd Portfolio2

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

4. Open your browser and visit http://localhost:5173

📂 Project Structure

src/
├── components/       # Reusable UI components
│   ├── Navbar.tsx    # Responsive navigation & language toggle
│   ├── Hero.tsx      # Landing section with CV modal
│   ├── About.tsx     # About me section
│   ├── Skills.tsx    # Tech stack grid
│   ├── Projects.tsx  # Project showcase cards
│   ├── Contact.tsx   # Contact form component
│   └── Footer.tsx    # Social links & copyright
├── data/
│   └── translations.ts # Centralized content for EN/TR support
├── img/              # Optimize assets & images
└── App.tsx           # Main application layout

📬 Contact

I am currently open to internship and junior developer opportunities. Feel free to reach out!

• Email: turkmenasil@hotmail.com
• LinkedIn: Asil Türkmen
• GitHub: Sonasil
• Instagram: @asil_turkmen28

---

© 2024 Asil Türkmen. Built with ❤️ and ☕.