Alamdar Manafov alamdarmanafov

🚀 Alamder Portfolio

Modern və interaktiv şəxsi portfolyo veb saytı. Next.js, TypeScript, Tailwind CSS və Framer Motion istifadə edilərək hazırlanmışdır.

✨ Xüsusiyyətlər

🎨 Modern və şık dizayn
📱 Tam responsive
⚡ Sürətli və optimizasiya edilmiş performans
🌈 Smooth animasiyalar
📬 Əlaqə forması
🎬 Podcast və media bölməsi
💼 Portfolyo qalereyası
🌐 Çoxdilli dəstək (Azərbaycan Türkcəsi)

🛠️ Texnologiyalar

Next.js 14 - React framework
TypeScript - Tip təhlükəsizliyi
Tailwind CSS - Utility-first CSS framework
Framer Motion - Animasiyalar
EmailJS - Email inteqrasiyası
Swiper - Slider/Carousel
Lucide Icons - İkonlar

🚀 Başlanğıc

Tələblər

Node.js 18.0.0 və ya daha yuxarı
npm və ya yarn

Quraşdırma

Reponu klonlayın:

git clone https://github.com/yourusername/alamder-portfolio.git
cd alamder-portfolio

Asılılıqları yükləyin:

npm install
# və ya
yarn install

İnkişaf serverini başladın:

npm run dev
# və ya
yarn dev

Brauzerinizdə http://localhost:3000 ünvanını açın.

📦 Layihə Strukturu

alamder-portfolio/
├── app/                # Next.js app router
├── components/         # React komponentləri
├── public/            # Statik fayllar
├── styles/            # Global stillər
└── data/              # Məlumat faylları

🔧 Konfiqurasiya

EmailJS Parametrləri

EmailJS'də hesab yaradın
Email xidməti yaradın
Email şablonu yaradın
.env.local faylında aşağıdakı dəyişənləri tənzimləyin:

NEXT_PUBLIC_EMAILJS_SERVICE_ID=your_service_id
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID=your_template_id
NEXT_PUBLIC_EMAILJS_PUBLIC_KEY=your_public_key

🎨 Xüsusiləşdirmə

Rənglər

Tailwind konfiqurasiyasında əsas rəngləri dəyişdirə bilərsiniz:

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        primary: '#0808c1',
        secondary: '#fff45c',
      },
    },
  },
}

Məzmun

Portfolyo layihələri: data/portfolio-data.ts
Podcast və media: data/podcast-data.ts
Əlaqə məlumatları: components/contact.tsx

📱 Responsive Dizayn

📱 Mobil: 320px və yuxarı
📱 Tablet: 768px və yuxarı
💻 Masaüstü: 1024px və yuxarı

🚀 Deployment

Layihəni build edin:

npm run build
# və ya
yarn build

Vercel, Netlify və ya başqa bir platformada deploy edin.

📝 Lisenziya

MIT Lisenziyası - Ətraflı məlumat üçün LICENSE faylına baxın.

👥 Əlaqə

🌐 Veb sayt: alamdarmanafov.com
📧 Email: alamder.manafov@bepositive.az
💼 LinkedIn: Alamder

🙏 Təşəkkürlər

Next.js komandasına
Tailwind CSS komandasına
Framer Motion komandasına
Və bütün açıq mənbə icmasına

⭐️ Bu layihəni bəyəndinizsə, ulduz verməyi unutmayın!

Navigation Menu