evrimagaci / periodum Goto Github PK
View Code? Open in Web Editor NEWPeriodum: An Interactive, Open-Source Periodic Table!
Home Page: https://periodum.com/
License: Open Software License 3.0
Periodum: An Interactive, Open-Source Periodic Table!
Home Page: https://periodum.com/
License: Open Software License 3.0
-Description: I want to test the project on my own computer and add more things, but the database is not connecting. I know that the project is made on macos/linux but there must be some way to use on windows.
-Steps:
1. Added mysql to path
2. Installed WSL to windows
3. Logged in to mysql via cmd mysql -u root -p
4. Temperature scrollbar is dragged again.
Expected Result vs. Actual Result:
User Session:
Priority Level:
Low:
Code Sample: **mysql** --login-path=periodum -e "CREATE DATABASE periodum /*\!40100 DEFAULT CHARACTER SET utf8 */;" >/dev/null || { echo 'Failed to create Database!' ; exit 1; }
Currently we're doing browser compatibility tests manually which is very costly in terms of time, however we do have BrowserStack.com Open Source license. These tests can be automated via BrowserStack.com
If you can implement this feature, please let us know your email and we will invite you to our BrowserStack team, so, you can start to implement the feature.
Priority Level: Medium
Site ilk etapta mobil kullanıma uygun bir yapıya sahip değil. Acil ihtiyaçlar giderildikten sonra mobil için ek geliştirmeler düşünebiliriz.
Şimdilik yapmamız gereken, farklı tarayıcılarda "En iyi deneyim için mobil olmayan bir cihaz kullanın." önerisini geliştirmek ve işlevsel hale getirmek.
Opsiyonel olarak, cihazı yan çevirmeyi de önerebiliriz. Bu yapılacak olursa, farklı mobil tarayıcılarda sistemin işlevsel olacak kadar elden geçirilmesi gerekiyor.
If we can find a database including acid/base information of elements, we should add them too.
Biz Periodum'u ilk başlattığımızda kısıtlı miktarda ekran boyutuna göre planlamıştık; ancak bunun şimdi daha geniş bir ekran çözünürlüğü çeşitliliğine genişletilmesi gerekiyor. Bu nedenle:
Description: I am not sure under what circumstances this issue occurs, but sometimes the compounds panel does not load at all. Refreshing the page or using CTRL+F5 do not solve this issue. However, after a while, when I use the website, it loads just fine.
Bug URL: https://periodum.com/
Steps:
Expected Result: When a user visits the homepage, right panel must always load, just like the rest of the website.
Actual Result: When a user visits the homepage, the right panel sometimes loads.
User Session:
Urgency: Medium
Projeyi tamamen açık kaynak olarak sürdürmek istiyor olsak da, komüniteye liderlik edebilecek, Github ve Vue.js konusunda deneyimli kişilere ihtiyacımız var.
Eğer normalden birazcık daha fazla sorumluluk alabileceğinizi ve projeyi ilerletme konusunda aktif liderlikte bulunabileceğinizi düşünüyorsanız, burada bir veya birkaç kişi belirleyebiliriz.
Tahmini Sorumluluklar:
İhtiyaca göre daha fazla kişi alabilir veya rolleri gözden geçirebiliriz.
Solid and liquid markers are very close to each other.
Solid and liquid markers are very close to each other. They can be mixed with each other. Different colors can be used.
Expected Result vs. Actual Result:
A different color code may be chosen.
Priority Level: Low
Selector :
#__layout > div > div:nth-child(2) > div.main > div > div:nth-child(1) > div:nth-child(1) > div.slider-box-wrapper > div:nth-child(1) > div.slider-box.purple
Site artık sadece Evrim Ağacı + Bionluk olmaktan çıktı. Logoların yanına 3. bir logo olarak Github logosu ekleyebiliriz belki (veya text olarak yazılabilir). Ana sayfadan bu komüniteye yönlendirme yapalım.
Ayrıca künyeye de ekleme yapılabilir. Şöyle bir şey yazabiliriz:
GitHub Komünitesi | Yazılım Desteği
Periodum, ilk versiyonu yayına girdikten kısa bir süre sonra açık kaynak olarak geliştirilmeye başlanmış bir projedir. Dolayısıyla GitHub üzerinden çok sayıda yazılımcı, bu projenin geliştirilmesine katkı sağlamaktadır. Periodum'un daha da gelişmesi için siz de projeye dâhil olabilirsiniz.
Ayrıca ilerleyen dönemde tekil katkı sağlayanları da katkı miktarlarına göre ayrı ayrı künyeye ekleyebiliriz (şimdilik de eğer otomatik bir araç varsa GitHub contributor listesini oraya düzenli çekecek, o tür bir şey koyabiliriz).
- Go to Index of the site on Firefox
- Make some action that triggers a Sidebar to open (e.g. click on an element)
Merhaba,
Firefox'da (96.0.1 (64 bit)) deyalı bilgi paneli transparan açıldığı için okumak pek mümkün değil maalesef.
Issue Title: Adding support for color blinds
Description: This is more of an improvement suggestion rather than a bug report. It is really hard for me -as a color blind- distinguish between solid
and liquid
colors. And, since the colors appear for a short amount of time (I don't know if it is a bug or an intended behavior) when you move the slider knob of the temperature slider (range input), it becomes nearly impossible for me to understand which element is at which state.
Steps: List the steps you took to encounter the issue. This is the most important step for us to figure out what the issue is. For example:
Expected Result vs. Actual Result: Please enter the expected result from the module in question and the actual result that is obtained. For example:
User Session: Please add the device and browser info you used to encounter the issue:
Priority Level: Low
Güzel bir loading animasyonumuz olmalı. Bu konuda ben çalışmalara başladım, gelişmelerden haberdar edeceğim.
Firefox 96.0.1'de gördüğüm kadarıyla sağdaki bileşik paneli yok ancak Edge 97'de sorunsuz çalışıyor
Sağ panelde bir bileşiğe ulaşmak biraz zor. Dolayısıyla "Örnek Bileşik" göstermemiz gerekiyor. Örneğin Hidrojen elementi sürüklendiğinde, onunla inşa edilebilecek en basit 2-3 bileşik (ve belki 1 tane daha karmaşık bileşik) önerilebilir.
Since we decided to translate the project to English, I think our setup script should also be in English.
Açıklama: README.md'de bahsi geçen Zeplin Tasarım Dosyasına erişmeye çalışıldığında yetki hatasıyla karşılaşılıyor.
Hata URL Adresi: https://zpl.io/bopNyyM
Adımlar:
Beklenen Sonuç vs. Gerçekleşen Sonuç:
Ekran Görüntüsü/Videosu:
Kullanıcı Oturumu:
Önem Derecesi: Düşük
Kod Numunesi: N/A
Şu anda bu mümkün değil ama gelecekte belki farklı tema seçenekleri ve/veya yazı büyüklükleri eklenebilir.
- Go to Index of the site
Merhabalar..
Benim gördüğüm kadarıyla herkes main branch'a commit yapıyor bu durum hem sürüm yönetimini zorlaştırır hem de çözülmesi gereken çokça merge conflict meydana getirir.
Birde emin olamasam da nuxt yerine düz vue 3 daha kolay olurdu bu proje için çok aşırı komponente ihtiyaç yok gibi gözüküyor. Db konusu zaten doğru bir zeminde tartışılmış.
Son olarak i18n standardı ve çoklu dil desteği ile çıkılmalı proje böylece contribution sayısını çok fazla arttırabiliriz.
Projenin bu platformda daha çok kişiye ulaşabilmesi, daha kolay gelişebilmesi adına Issue şablonları ile ilgili açıklamaların ve bundan sonraki Issue'ler ile PR'ların Türkçe değil İngilizce olması daha mantıklı olabilir.
şahane uygulama,
yenike tıklandığında işlemin gerçekleşip gerçekleşmediği bilgisi geri bildirimi güzel olur( dönen ikon vs)
sol yan menüne element bilgisi açıkken boşa tıklandığında geri kapabilir
Açıklama: Eğer bir elementin detaylı bilgi metninde link varsa, arka plan rengi ile link rengi çok benzer olduğu için o linkler okunmuyor. Linklerin farklı bir renkte gösterilmesi sorunu çözecektir.
Hata URL Adresi: https://periodum.com
Adımlar:
Kullanıcı Oturumu: Hatayı alırken kullandığınız cihazın şu bilgilerini ekleyin:
Önem Derecesi: Düşük (Low)
Issue Title: Helium moves to the right when selecting S block in Filtre
Description: When selecting S Block using the filter (Filtre), the little dot in the filter that represents Helium moves to the right. See the video below. I assume it is because s-block-active.svg
and s-block.svg
in assets/icons
are not aligned. However that Helium block looks misaligned compared to the P Block in both of the svgs.
Issue URL: Homepage https://periodum.com/
Steps:
Expected Result vs. Actual Result:
Screen Shot/Video:
User Session: Please add the device and browser info you used to encounter the issue:
Priority Level: Please pick a priority level depending on the impact of the issue:
While Pull Requesting for the previous issue, I realized that our Pull Request Template is still in Turkish, so I think we should translate it as well.
Çok büyük ihtimalle bu projeyi çoklu dil desteğine açacağız (özellikle de İngilizce).
Şimdiden bu dil desteğini düşünecek şekilde planlamak önemli olabilir. Bunu tartışma olarak açacaktım; ama sistemi daha fazla büyümeden dil desteğini mümkün kılacak (muhtemelen bir dropdown menüden dil seçebileceğimiz şekilde) düzenlemek üzere issue açmak daha iyi olur diye düşündüm.
Açıklama: Kelvin türetilmiş bir sıcaklık birimi olmadığı için ° işareti kullanılmıyor. Sadece C ve F için kullanılıyor. Dolayısıyla Kelvin biriminin olduğu yerlerden ° kaldırılmalı.
Hata URL Adresi: Site geneli.
Beklenen Sonuç vs. Gerçekleşen Sonuç:
Ekran Görüntüsü/Videosu: Bu sadece bir örnek, her yerde düzeltilmeli:
Önem Derecesi: Kod açısından Düşük (Low) ama kimyacıları dellendirmek açısından Kritik (Critical) 😝
Şu anda bunun için epey erken olabilir; ama fikirleri toplamak ve olasılıkları tartışmak açısından açmakta fayda görüyorum: Her ne kadar çok örneği olsa da, bu kadar detaylı bir veritabanına yaslanan Türkçe ve interaktif bir periyodik tablo olmamasından ötürü, acaba ayrı bir Android/iOS uygulama da yapsak mı
Artıları:
Eksileri:
Zamanla bu listeyi genişleterek nihai kararı verebiliriz. Şimdilik böylece dursun.
Açıklama:
Şu an avatarların olduğu sayfada profil fotoları orantısız bir şekilde duruyor. Hoş değil.
Hata URL Adresi: https://periodum.com/credits
Çözüm / Öneri:
CSS'de avatar
class'indaki height
attribute'nin kaldırılabilinir. Ama bu durumda arkaplandaki kutuların da aynı oranda düzeltilmesi gerekecek.
Ekran Görüntüsü/Videosu:
Mevcut durum:
height
attribute kaldırılığında:
Kullanıcı Oturumu:
Önem Derecesi: Düşük (Low)
Description:
Changes need to be done for version 2.0:
For the items that are in progress, a PR will be published in a day or two.
Priority Level: High
Sorun:
Projede gördüğüm kadarıyla çok fazla veri dolaşımı yok. Dolayısıyla uzak veritabanına da ihtiyacımız yok, kaldı ki MySQL çağımıza göre oldukça eski bir teknoloji. Projeyi kurmaya çalışırken gördüğümde şaşırdım.
Çözüm Önerisi:
Eğer gerçekten veritabanına ihtiyaç varsa PostgreSQL kullanan iki teknolojiden birini kullanabiliriz,
Birincisi Prisma.io, şemalar oluşturmanıza ve bu şemaları veritabanına aktarmanıza, kütüphanesiyle beraber ise veritabanı sorgusu yazmaya gerek kalmadan işlem yapmanıza olanak sağlıyor. Bu sayede ortak senkron şekilde proje geliştirilebilir.
İkincisi ise Supabase.io, Supabase'in Prisma'ya göre artısı sizin bir veritabanı hostu ayarlamanıza gerek kalmadan sizin için host oluşturuyor ve ENV ortamına yazabileceğiniz token veriyor, token ile beraber Supabase'ye bağlanıp kütüphaneyle veritabanı işlemlerini halledebiliyor, istatistikleri ise Supabase arayüzünden görebiliyorsunuz.
Üçüncü ve son önerim ise bunların hiçbirine gerek olmadığı ve verileri yerel veritabanında tutarak birçok maliyet ve yükten kurtulmamız olabilir. Yerel veritabanını da Prisma ile kullanabiliriz ve şemalar oluşturabiliriz.
Not: Issues sekmesinde de şemalar yok, yanlış hatırlamıyorsam Repository'nin Settings sayfasından şemalar oluşturabiliyorduk bu yüzden Label ekleyemedim, eklerseniz sevinirim.
Bütün elementlerin izotoplarını kontrol etmedim ama bazı hatalarla karşılaştım. H-3, B-11, Eu-151-155 için bilgiler hatalı. Menüde stabil olarak gösterilmiş. Bir de bazı elementlerin tüm izotoplarının bolluğu %100 bazılarınınki de %0 olarak gösterilmiş.
Siteyi daha etkili kullanmak için mobil olmayan bir cihaza yönlendirmekteyiz. Ancak mobilde de etkili bir şekilde çalışabilmesi için bazı geliştirmeler yapabiliriz. Bunları tartışıp, en uygunlarını belirledikten sonra hayata geçirebiliriz.
Since we decided to translate the project to English, CONTRIBUTING.md needs to be translated to English.
Life-making Elements Feature
A feature can be added for life-making elements. It seems appropriate to add it under the categories.
see
https://blog.oup.com/2019/02/how-six-elements-form-life-earth/
Priority Level: Low
Since unauthorized users can't label their issues unless they use a template also there can be issues other than bugs and we have no other issue templates than that bug issue related one.
So I think we should add more Issue templates for faster and more accurate classification at this point and now on.
Projenin farklı tarayıcılarda nasıl çalıştığını kontrol etmemiz ve aksaklıkları gidermemiz gerekiyor.
En öncelikli olanlar:
Ek olarak:
Mobil tarayıcılar için ayrı issue oluşturacağız.
Şu anda sıcaklık çubuğu kaydırıldığında, o sıcaklıkta elementlerin hangi hâlde olduklarını 4 ayrı renkle gösteriyoruz.
Ancak o 4 renk ikonunun (katı, sıvı, gaz, bilinmiyor) şu anda pek bir işlevi yok.
Şu şekilde işlev katabiliriz:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.