Portfolio Website

A modern and interactive portfolio website built with Next.js and React, featuring a beautiful UI, 3D elements, and various interactive components.

🚀 Technologies Used

• Frontend Framework: Next.js 15.0
• UI Library: React 18
• Styling:
  • Tailwind CSS
  • Material Tailwind
• 3D Graphics:
  • Three.js
  • React Three Fiber
  • React Three Drei
• Animations & Effects:
  • Motion
  • TSParticles
  • React Vertical Timeline
• Email & Contact:
  • Nodemailer
  • Resend
  • React Phone Input 2
• Icons:
  • Hero Icons
  • React Icons

✨ Features

• Modern and responsive design
• Interactive 3D elements and animations
• Particle effects for enhanced visual appeal
• Blog section with dynamic content
• Project showcase with detailed cards
• Skills and experience timeline
• Contact form with email functionality
• About section with personal information
• Smooth page transitions and animations

🛠️ Installation & Setup

1. Clone the repository

   git clone [repository-url]
   cd portfolio-website

2. Install dependencies

   npm install
   # or
   yarn install

3. Environment Setup

   • Create a .env.local file in the root directory
   • Add necessary environment variables:

     # Add your environment variables here
     # Example:
     # RESEND_API_KEY=your_resend_api_key

4. Run the development server

   npm run dev
   # or
   yarn dev

5. Build for production

   npm run build
   # or
   yarn build

🌐 Project Structure

portfolio-website/
├── src/
│   ├── app/                 # Next.js app directory
│   │   ├── about/          # About page
│   │   ├── blog/           # Blog page
│   │   ├── contact/        # Contact page
│   │   ├── experience/     # Experience page
│   │   ├── projects/       # Projects page
│   │   ├── skills/        # Skills page
│   │   └── page.js        # Home page
│   └── components/         # Reusable components
├── public/                 # Static assets
└── ...config files

🔧 Configuration

The project uses several configuration files:

• next.config.mjs - Next.js configuration
• tailwind.config.js - Tailwind CSS configuration
• postcss.config.js - PostCSS configuration

🌟 Extra Features

• Turbopack integration for faster development
• SEO optimization
• Responsive design for all devices
• Interactive UI elements
• Dynamic content loading
• Smooth page transitions
• Contact form validation
• Custom 3D elements
• Particle effects background

📝 License

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

👤 Developer Information

Meriç Cintosun

• Portfolio: https://mericcintosun.com
• GitHub: https://github.com/mericcintosun
• LinkedIn: https://www.linkedin.com/in/meric-cintosun

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📫 Contact

For any questions or concerns, please contact:

• Email: contact@mericcintosun.com
• GitHub: @mericcintosun
• Portfolio: mericcintosun.com