eser / acikkaynak-website

acik-kaynak.org 1.0

👋 Hello, I’m Eser.

🐦 Tweeting at x.com/eser
🎬 Streaming at eser.live
💬 Interests: Open Source, Engineering Management, DevRel, Agile, DevOps, Software Craftsmanship and Product Engineering
⚙️ Stack: Deno, JavaScript, TypeScript, etc.

✍️ Content

🇬🇧 Curriculum Vitae My technical skills, work experience, certifications, etc.
🇬🇧 Products My products, Open source projects I contributed to, etc.
🇬🇧 Presentations My talks, presentations, etc.
🇬🇧 Series My article series, playlists, micro-blogging stuff, etc.
🇬🇧 Updates Updates, announcements, etc.
🇹🇷 Yazı Dizileri Yazı dizilerim, çalma listeleri, mikro-blogging şeysi, vb.
🇹🇷 Güncellemeler Güncellemeler, duyurular, vb.

acikkaynak-website's Issues

GitHub ile girişte hata var.

Merhaba :)

GitHub ile giriş yapmaya çalışınca MongoDB yetkilendirme hatası çıkartıyor.

kısacası çıkan hata şu;

{
   "message":"failed to connect to server [GİZLİ.mongodb.net:27017] on
 first connect [MongoError: bad auth Authentication failed.]",
   "name":"MongoNetworkError",
   "errorLabels":[
      "TransientTransactionError"
   ]
}

Responsive menu hatası

iPhone ekranından siteye girdiğimde hamburger menu açılmıyor.

GNOME Toplulukla Etkileşim Yarışması'nın Duyurulması ve Tartışılması

GNOME Foundation ve EndlessOS'in birlikte yürüttüğü, orijinal adıyla "Community Engagement Challenge" veya Türkçe kabaca "Toplulukla Etkileşim Yarışması", azınlık veya 3. Dünya ülkerinden yazılım dünyasına yeni giriş yapmış insanların açık kaynak topluluğuna teşvikinin sağlanmasını amaçlayan bir yarışmadır. Yarışma dahilinde katılımcılardan bireysel veya grup halinde bunu mümkün kılacak projelerini ilk aşamada taslak olarak sunmaları isteniyor ve daha sonra uygun görülürse, sundukları projelerin mümkün olmasını sağlayabilecek yardımın yapılması ve en sonunda yarışmayı kazananlara para ödülü verilmesi hedefleniyor.

Bu hata kaydı şunlara karar vermek için oluşturulmuştur:

• Pull request ile oluşturulacak acik-kaynak.org sayfasının ve varsa diğer değişikliklerin nasıl olması gerektiğine karar verilmesi veya o yönde köprü olarak kullanılması
• Fikirlerin ortaya atılması ve tartışılması
• Grupların belirlenmesi uygun tartışma ortamının oluşturulması
• Taslakların yollanması

Neyi hedefler?

• İnsanların haberdar edilmesi
• Topluluk ile beraber katılımın sağlanması
• Birlikte çalışmanın sağlanması ve Türkiye'deki FOSS topluluğunun güçlendirilmesi
• GNOME gibi kabül görmüş vakıflarla bağların güçlendirilmesi

Önemli notlar
Son başvuru tarihi 1 Temmuz'dur.

Yarışma detayları

Yarışma detaylarının yerelleştirilmiş sürümü
https://github.com/challenge-tr/taslak-proje.

Yarışma resmi sitesi (İngilizce)
http://gnome.org/challenge

Yarışma hakkında sıkça sorulan sorular (İngilizce)
http://gnome.org/challenge/faq

Projeler Slack üzerinde tarşılacak:
https://join.slack.com/t/challengetr/shared_invite/zt-eeq9zqte-Qu09NZAZY9QsRJ61aMp5dQ

Proje fikirlerinizi burada belirterek tartışmaya açabilirsiniz.

Projeler

1. Açık Üniverstite: https://github.com/challenge-tr/proje-acik-universite/ (başvuru yollandı)

Organizasyonlar Modulüne Ek Geliştirmeler

İnsanların bulundukları şehirde hangi organizasyonlar var, teknoloji, dil, şehir vb. kriterleri filtreleyerek istediği topluluklara kolayca ulaşabilecekleri bir modül haline getirilebilir. Çok faydalı olacağını düşünüyorum :)

telefon web sitesi hata

Kullanıcı arayüzü olarak telefondan girildiğinde genişletme çubuğu çıkmamakta bilginze

projeler sayfasında loader deneyimi

https://acik-kaynak.org/projects adresinde

proje listesi eklenirken bir loader ekrana gelebilir.

Haberler Bölümü

Yeni Tasarım ve Uygulanması

Twitter'da https://preview.acikkaynak.info/ adresindeki çalışmamızı paylaştıktan sonra, Agah Gürer üzerine yeni bir tasarım çalışmış. Yeni tasarımımızın önizlemesine şu adresten ulaşabilirsiniz:

https://www.icloud.com/iclouddrive/0HXgr20NzL6pclWxwpjgI2Ynw#acik_kaynak

Kendisine bir kez daha teşekkür ediyoruz :)

Tasarım değişikliği ile birlikte projelendirme ile ilgili yol haritamız da yavaştan belirlenmeye başladı. Ayrı bir issue olarak onun detaylarını da paylaşacağım.

Türkiye Açık Kaynak Platformu Logo ve Bağlantısının Eklenmesi

Türkiye Açık Kaynak Platformu logo ve bağlantısı eklenecek.

Mobile genişliği ekranda navigasyon menüsünün sabitlenmesi

Mobil genişliğine inildiğinde menü sayfa ile birlikte aşağı kayıyor ve beyaz bir alan görünmeye başlıyor. Menüyü sabitlersek sorun ortadan kalkacaktır.

Projelerin Detaylarının Eklenmesi

Projelerin eklenme aşamasında her bir projenin içerisinde kullanılan teknolojiler ve/veya programlama dilleri eklenirse daha iyi dönüşümler alınacağına inanıyorum. Bu sayede yardımcı olmak isteyen kişiler daha rahat bir şekilde destek vereceği projeyi seçebilir. İyi çalışmalar.

https://acik-kaynak.org/lists/projects/

fetchp'e bağlı build hatası

Şu anda pipeline "next export" ile static site oluştururken aşağıdaki hatayı alıyor:

Type error: Property 'message' does not exist on type 'unknown'.

Hatanın kaynağı: https://github.com/acikkaynak/acikkaynak-website/blob/new-site/src/pages/projects/index.page.tsx#L17

Hakkımızda Bölümünün Başlığı

Normalde gözükmesi gereken = Açık Kaynak İnisiyatifi Hakkında
Kullanıcının gördüğü = Açık Kaynak İnisiyatifı Hakkında
İnsiyatifi kısmında ki 'i' karakterinin 'f' harfinden dolayı 'ı' gibi gözükmesinden dolayı oluşan hata.

Web Sitesinde Yer Alan Eksik İçeriklerin Tamamlanması

footer'ın düzenlenmesi

site üzerinde hem görsel hem de işlevsel anlamda daha iyi bir footer'a kavuşmak gerekiyor.

Github ile giriş yaparken hata

Sayfada github ile giriş yap kısmından açık kaynak'ı 3.parti olarak kabul etmemi istedi. İşlem tamamlandıktan sonra ana sayfaya yönlendirilirilme işlemi başarısız oldu. Açılan sayfadaki şeyler bunlar

{"stack":"MongoNetworkError: failed to connect to server [cluster0-shard-00-02-p9mjh.mongodb.net:27017] on first connect [MongoError: bad auth Authentication failed.]\n    at Pool.<anonymous> (/var/task/node_modules/mongodb/lib/core/topologies/server.js:431:11)\n    at emitOne (events.js:116:13)\n    at Pool.emit (events.js:211:7)\n    at createConnection (/var/task/node_modules/mongodb/lib/core/connection/pool.js:559:14)\n    at connect (/var/task/node_modules/mongodb/lib/core/connection/pool.js:987:9)\n    at callback (/var/task/node_modules/mongodb/lib/core/connection/connect.js:109:5)\n    at provider.auth.err (/var/task/node_modules/mongodb/lib/core/connection/connect.js:352:21)\n    at _authenticateSingleConnection (/var/task/node_modules/mongodb/lib/core/auth/auth_provider.js:66:11)\n    at sendAuthCommand (/var/task/node_modules/mongodb/lib/core/auth/scram.js:215:18)\n    at Connection.messageHandler (/var/task/node_modules/mongodb/lib/core/connection/connect.js:334:5)","message":"failed to connect to server [cluster0-shard-00-02-p9mjh.mongodb.net:27017] on first connect [MongoError: bad auth Authentication failed.]","name":"MongoNetworkError","errorLabels":["TransientTransactionError"]} 

İstatistikler Bölümü

GitHub ile Login için Kullanıcı Sözleşmesinin Hazırlanması

Roboto Font Dosyaları Eklenmeli

Roboto font dosyaları eklenmeli sistemde Roboto olsa bile light (300) bulunan yerlerde eğer sistemde yoksa patlıyor. Google Fonts dışından font dosyaları dahil edilmeli.

Privacy nedeniyle Google Fonts'dan font çekmemeye çalışıyoruz. Belki webpack bundling'in dışında bırakılarak daha güvenilir bir CDN'e taşınabilir zamanla.

Originally posted by @eserozvataf in #45 (comment)

Font family ve stillendirme hakkında

acikkaynak.info adresinde paragraf içi fontu ile, projeler sekmesindeki fontlara el atılsa sanki daha güzel olacak. Geniş ekranda akınca ufak bir de metinlerde kullanılan font bence değiştirilebilir. Front-end, ux bilgisi olan arkadaşlar da yorumlarsa sevinirim.

Açık Kaynak 1.0 Projelendirme

Merhaba,

"Açık Kaynak" için yola çıkarken hedefler oldukça büyüktü, Türkiye'deki açık kaynak ekosisteminin lokomotifi olmak, insanları açık kaynak geliştirmeye motive etmek, farkındalık yaratmak ve engelleri ortadan kaldırmak gibi bolca görev üstlenebileceğimiz bir alanımız mevcuttu.

Nasıl, nereden, ne kadar küçük adımlarla başlarsak başlayalım bir noktadaki eksikliği gidermiş olacaktık. Ve en ufaktan başladık. Önce GitHub'ın kendi kaynakları ile Türkiye'deki ve Türkçe konuşan geliştiricilerin açık kaynak proje indeksi görevi gördük. Ama halen bunun sosyal tarafıyla ilgili yapacak çok işimiz vardı.

Şimdi bir adım daha atıyor ve ekosistemimizdeki açık kaynak geliştiricilerini, açık kaynak geliştiricilerinin projelerine hizmet edecek, onları tanıtacak ve ihtiyaçlarını gözükür hale getirecek şekilde misyon kapsamımızı genişletiyoruz.

Bu noktada da atacağımız ilk adım elbette web sitemizi hem backend hem de frontend'de yenilemek olacak. Bu noktada herkesin katkısına açık, yine ekosistemdeki yazılımcıların öreceği bir yazılımı projelendirerek ilerlemeyi planlamaktayız.

Ben Figma üzerinden birkaç prototipleme ile çalışmalara başladım. Biz maddeleri toplayıp GitHub Projeler altında görebileceğiniz şekilde çalışma maddelerini belirlerken siz de çalışmada gönüllü olmak isterseniz bu "issue" kaydı altında gönüllülüğünüzü belirtirseniz projeye şimdiden katkıda bulunmuş olursunuz :)

Yeni Tasarım'ın Figma'ya Geçirilmesi

Front-End / Backend

Çok iyi olduğum söylenemez ama tüm tecrübelerim ve çabam ile buradayım.

Projeler Sliderı Responsive Değil

Projeler sliderı 1440 width den küçük cihazlarda özellikle mobilde oldukça kötü görünüyor

Font Awesome bağımlılığı kaldırılabilir.

Semantic UI, Font Awesome iconlarını içerdiği için kaldırılabilir olduğunu düşünüyorum.

Kullanım farkı ise:

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';	
import { faClipboardList } from '@fortawesome/free-solid-svg-icons';

<FontAwesomeIcon icon={faClipboardList} />

import { Icon } from 'semantic-ui-react';

<Icon name="clipboard list" />

Kaldırılmaya karar verilir ise ben ilgilenebilirim.

afet harita telefon ve bilgisayar için gif

Açık Kaynak Web Site 1.0 Yol Haritası

Tarihleri maalesef oldukça esnek Sprint 1'imizin sonuna gelirken, Açık Kaynak Projelendirme ( #17 )'de başlatılan sürecin çıktısını bir yol haritası haline getirmeyi başarabildik.

Aşağıdaki gibi bir yol haritası mevcut, tüm maddeler için de birer issue açılıyor olacak:

• Koda Katkıyı Kolaylaştırmak için README'e Yönlendirmelerin Eklenmesi ( #31 )
• Yeni Tasarım'ın Figma'ya Geçirilmesi ( #32 )
• Yeni Tasarım ve Uygulanması ( #29 )
• Semantic UI React'ı Yeni Tasarım Diline Adapte Etmek ( #33 )
• Alt Sayfaların UX Tasarımlarının Oluşturulması ( #34 )
• Web Sitesinde Yer Alan Eksik İçeriklerin Tamamlanması ( #35 )
• Haberler Bölümü ( #36 )
• GitHub ile Login ( #37 )
• GitHub ile Login için Kullanıcı Sözleşmesinin Hazırlanması ( #38 )
• İstatistikler Bölümü ( #39 )
• Backend API ile Web Sayfalarını Bağlamak ( #40 )

Direkt ilgili gerekli aktarımlar konusunda yardım sağlamak için, üstlenmek istediğiniz madde olursa lütfen burada belirtin :)

Backend API ile Web Sayfalarını Bağlamak

GitHub ile Login

küçük ekranlarda responsive tasarım sorunları

hamburger menu'nun doğru görünmesi, tıklandığında da açılıp navigasyon linklerinin görülebilir/tıklanabilir olması gerekiyor. şu anda sorunlu :/

React Profiler Desteği

Development build için React Profiler'ın çalışıyor olması gerekmektedir.

Alt Sayfaların UX Tasarımlarının Oluşturulması

Koda Katkıyı Kolaylaştırmak için README'e Yönlendirmelerin Eklenmesi

Anasayfa Bölümü

ÖRNEK AÇIK KAYNAK PROJELER kısmında next butonuna tıklayarak sona kadar gelindiğinde tekrardan next butonuna tıklandığında en başa dönmesi sağlanabilir.

Semantic UI React'ı Yeni Tasarım Diline Adapte Etmek

GitHub ile Giriş: Geniş Yetkiler İsteniyor

Public repositoryler ve kişisel (ve gizli) verilere okuma ve yazma izni isteniyor.

• Private email addresses
• Private profile information
• write all public repository data
• write all user data

bunlar sıkıntılı maddeler/izinler olarak gözüme çarptı, eğer platform işleyişine bir engel oluşturmayacaksa read-only e çevrilmeli ve private email & profile info nun da istenmemesi gerektiğini düşünüyorum. Private email & profile info direkt istenmiyor, ancak full profil erişimi istendiğinden dolayı bunlara da erişim sağlanacağından dolayı GitHub uyarıyor.

projeler sayfasının stillendirilmesi

projeler sayfasında stilleme eksiklikleri var.

projeler sayfasına gelen data GitHub API'dan geliyor. detayları aşağıda:
https://docs.github.com/en/rest/search#search-repositories

kriterler:

• tailwind'i de kullanıp css modules'ün içerisine stilleme yazılmalı
• grid ve kart görünümü benzeri bir tasarım olabilir
• sayfalama bir noktada gerekecek
• taglere göre "good first issue" gibi etiketler kullanabiliriz

Bulma yerine Styled System?

Ne kadar doğru bir karar olur bilmiyorum ancak uzun uzun bulmaStyles dan sınıfları yazmaktansa yol yakınken projeyi styled-system'a geçirmek ne kadar mantıklı olur?

Websitesindeki işaretlemeler ve içerikler SEO açısından yetersiz