IZM-Projects / izm-website

🧬 IZM Game Studios sitesinin kaynak kodları.

IZM Game Studios

- Karanlık Tema -

🛠 Bu site, @eggsydev tarafından geliştirilmekte ve yönetilmektedir.

IZM Game Studios için geliştirilen internet sitesinin tüm kaynak kodları, kullanması ve düzenlemesi tamamen serbest. Sitenin önizlemesini görmek için buraya tıklayabilir, kodlarına bu sayfadan ulaşabilir ve indirebilirsiniz.

📩 Yükleme

Sitenin kodlarını derleyebilmek için öncelikle bilgisayarınıza Node.js'in yüklü olduğundan emin olun. Daha sonra NPM (Node.js'in içinde gelir) veya Yarn paket yöneticilerinden birini seçin (Yarn, NPM'e göre daha hızlı ve daha performanslı bir şekilde çalışabilir, bizim önerimiz bu yöndedir).

• Bu depoyu bilgisayarınıza klonlayın veya arşiv olarak indirin.
  • Bunu yukarıdaki indir butonuyla veya şu komutla yapabilirsiniz: git clone https://github.com/IZM-Projects/izm-website
• İndirdiğiniz klasörün içerisinde bir terminal penceresi açın.
  • CMD, PowerShell veya kendi tercihiniz.
• Modülleri yükleyin.
  • Eğer yarn yüklüyse: yarn veya yarn install
  • Yüklü değil ise: npm install
• Yükleme tamamlandıktan sonra siteyi çalıştırmak çalıştırın.
  • Bunun için yarn var ise yarn dev, NPM ile ise npm run dev yazın.
  • Siteyi statik olarak dışa aktarıp başka platformlarda paylaşmak için yarn export (veya npm run export) komutunu kullanın ve dist/ klasörüne oluşturulacak dosyaları sunucu sağlayıcınıza yükleyin.

🧬 Sitede Kullanılan Teknolojiler

Bu site Vue ve onun geliştirilmiş hâli olan Nuxt ile yapılmıştır. Sitenin çalıştırılabilmesi ve tarayıcı tarafından okunabilir hâle gelebilmesi için öncelikle yukarıdaki işlemlerden geçerek derlenmesi gerekir. Bunların yanında sitenin görüntüsü için Buefy kullanılmış, cihaz tespit etme için @nuxtjs/device modülü, çevrimdışı kullanma ve cihaza uygulama olarak eklenebilme özelliği için @nuxtjs/pwa, karanlık ve aydınlık tema geçişleri için @nuxtjs/color-mode, simgeler için ise @iconscout/vue-unicons kullanılmıştır.

Bu teknolojileri öğrenmek ileride işinize yarayabilir ve çalışmalarınızı önemli derecede hızlandırabilir. Bu kodları kendinize bir örnek ve kaynak olarak kullanın, lisans gereksinimlerine dikkat edin ve kodları istediğiniz gibi paylaşın.

🙏 Katkıda Bulunma

Sitenin geliştirilmesinde destek olmak için sitedeki hataları bildirebilir, özellik isteklerinizi gönderebilir veya direkt koda müdahale ederek "pull request" gönderip kodunuzu incelememizi sağlayabilirsiniz. Daha fazlası için aramıza katılmayı da unutma!