{"id":26833268,"url":"https://github.com/cotneo/matrix-cv","last_synced_at":"2025-06-30T13:33:11.406Z","repository":{"id":282982867,"uuid":"950301542","full_name":"CotNeo/matrix-cv","owner":"CotNeo","description":"İlk defa three.js kullandım","archived":false,"fork":false,"pushed_at":"2025-03-18T00:39:15.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-18T01:30:54.013Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CotNeo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-18T00:23:40.000Z","updated_at":"2025-03-18T00:39:18.000Z","dependencies_parsed_at":"2025-03-18T23:00:37.335Z","dependency_job_id":null,"html_url":"https://github.com/CotNeo/matrix-cv","commit_stats":null,"previous_names":["cotneo/matrix-cv"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CotNeo%2Fmatrix-cv","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CotNeo%2Fmatrix-cv/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CotNeo%2Fmatrix-cv/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CotNeo%2Fmatrix-cv/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CotNeo","download_url":"https://codeload.github.com/CotNeo/matrix-cv/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246337676,"owners_count":20761259,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-30T15:28:30.825Z","updated_at":"2025-03-30T15:28:31.287Z","avatar_url":"https://github.com/CotNeo.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Next.js Portfolio Projesi - Dokümantasyon\n\n## 📌 Proje Açıklaması\nBu proje, **Next.js, TypeScript, Three.js, Tailwind CSS ve UI Animations** kullanarak bir **kişisel portföy web uygulaması** geliştirmek amacıyla oluşturulmuştur. Modüler, ölçeklenebilir ve yönetilebilir bir yapı hedeflenmiştir. \n\n## 🏗 Proje Yapısı\nProje, bileşen bazlı bir mimariye sahip olup, **Next.js** ile SSR ve statik sayfa oluşturma desteklenmektedir. **TypeScript** kullanılarak kod kalitesi artırılmış, **Tailwind CSS** ile stil yönetimi kolaylaştırılmış ve **Three.js** ile 3D görselleştirme desteği sağlanmıştır.\n\n### 🔹 **Ana Bileşenler ve Sayfalar**\n1. **Header**: Navigasyon çubuğu, logo, tema değiştirme ve dil değiştirme desteği.\n2. **Hero Section**: Kullanıcıyı karşılayan etkileyici bir giriş bölümü.\n3. **About**: Kendini tanıtan metin ve görsel içerikler.\n4. **Tech Stack**: Kullandığın teknolojileri sergileyen alan.\n5. **Projects**: Tamamlanan veya üzerinde çalışılan projelerin gösterildiği alan.\n6. **GitHub Status**: GitHub istatistiklerini gösteren bileşen.\n7. **Certificates**: Aldığın sertifikaları içeren alan.\n8. **Chatbot**: Kullanıcıların senin hakkında bilgi alabileceği özel bir sohbet botu.\n9. **Footer**: İletişim ve sosyal medya bağlantılarının bulunduğu alt kısım.\n\n## 📂 **Dosya Yapısı**\nProje dosya yapısı aşağıdaki gibi organize edilmiştir:\n\n```\nroot/\n├── components/\n│   ├── Header.tsx\n│   ├── Hero.tsx\n│   ├── About.tsx\n│   ├── TechStack.tsx\n│   ├── Projects.tsx\n│   ├── GitHubStatus.tsx\n│   ├── Certificates.tsx\n│   ├── Chatbot.tsx\n│   ├── Footer.tsx\n│   ├── LanguageSwitcher.tsx\n│   ├── animations/\n│   ├── ui/\n│   ├── three/\n│\n├── pages/\n│   ├── index.tsx\n│   ├── _app.tsx\n│   ├── _document.tsx\n│   ├── chatbot.tsx\n│\n├── styles/\n│   ├── globals.css\n│   ├── tailwind.config.js\n│\n├── public/\n│   ├── assets/\n│\n├── utils/\n│   ├── helpers.ts\n│   ├── constants.ts\n│   ├── i18n.ts\n│\n├── tsconfig.json\n├── next.config.js\n├── package.json\n```\n\n## 🌍 **Çok Dilli Destek (Türkçe \u0026 İngilizce)**\nWeb sitesi artık **Türkçe ve İngilizce** dillerinde kullanılabilir. Kullanıcılar **header bölümündeki dil değiştirici** ile diller arasında kolayca geçiş yapabilir.\n\n### **Dil Desteği için Kullanılan Teknolojiler:**\n- **Next.js i18n Routing** (Yerleşik dil desteği)\n- **react-i18next** veya **next-translate** kütüphanesi\n- **Dil anahtarları**: `locales/` klasöründe **tr.json** ve **en.json** dosyaları\n- **Tüm metinler dinamik olarak çevrilebilir**\n\n### **Örnek Kullanım** _(i18n.ts)_:\n```typescript\nimport i18n from 'i18next';\nimport { initReactI18next } from 'react-i18next';\n\nconst resources = {\n  en: {\n    translation: {\n      \"welcome\": \"Welcome to my portfolio\",\n      \"about\": \"About Me\"\n    }\n  },\n  tr: {\n    translation: {\n      \"welcome\": \"Portföyüme hoş geldiniz\",\n      \"about\": \"Hakkımda\"\n    }\n  }\n};\n\ni18n.use(initReactI18next).init({\n  resources,\n  lng: \"en\",\n  fallbackLng: \"en\",\n  interpolation: { escapeValue: false }\n});\n\nexport default i18n;\n```\n\n### **Dil Değiştirici Bileşeni** _(LanguageSwitcher.tsx)_:\n```tsx\nimport { useTranslation } from 'react-i18next';\n\nconst LanguageSwitcher = () =\u003e {\n  const { i18n } = useTranslation();\n\n  const changeLanguage = (lang: string) =\u003e {\n    i18n.changeLanguage(lang);\n  };\n\n  return (\n    \u003cdiv\u003e\n      \u003cbutton onClick={() =\u003e changeLanguage('en')}\u003e🇬🇧 English\u003c/button\u003e\n      \u003cbutton onClick={() =\u003e changeLanguage('tr')}\u003e🇹🇷 Türkçe\u003c/button\u003e\n    \u003c/div\u003e\n  );\n};\n\nexport default LanguageSwitcher;\n```\n\n## 🔧 **Kullanılan Teknolojiler**\n| Teknoloji | Açıklama |\n|-----------|-------------|\n| **Next.js** | React tabanlı framework |\n| **TypeScript** | Tip güvenliği ve ölçeklenebilirlik |\n| **Three.js** | 3D modelleme ve animasyon |\n| **Tailwind CSS** | CSS framework |\n| **Framer Motion** | UI animasyonları |\n| **GitHub API** | GitHub istatistiklerini çekmek için |\n| **Vercel** | Deployment ve hosting |\n| **react-i18next** | Çoklu dil desteği |\n| **Hugging Face / NLP.js / Rasa** | Ücretsiz AI chatbot modelleri |\n\n## 🚀 **Kurulum ve Çalıştırma**\n\n### 1️⃣ **Projeyi Klonla**\n```bash\ngit clone https://github.com/kullaniciadi/next-portfolio.git\ncd next-portfolio\n```\n\n### 2️⃣ **Bağımlılıkları Yükle**\n```bash\nyarn install  # veya npm install\n```\n\n### 3️⃣ **Geliştirme Ortamında Çalıştır**\n```bash\nyarn dev  # veya npm run dev\n```\n\n### 4️⃣ **Build ve Deploy**\n```bash\nyarn build \u0026\u0026 yarn start  # veya npm run build \u0026\u0026 npm start\n```\n\n## 📜 **Lisans**\nBu proje MIT Lisansı altında sunulmaktadır.\n\n---\n🎯 **Hedefin:** Profesyonel bir portföy sitesi ile yeteneklerini ve projelerini sergilemek! 🚀\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcotneo%2Fmatrix-cv","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcotneo%2Fmatrix-cv","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcotneo%2Fmatrix-cv/lists"}