Yeni Başlayanlar İçin GitHub'da 15 İlginç Tam Yığın Proje [222]

Tam yığın geliştirme, hem istemci hem de sunucu yazılımını içerir. Bir web geliştiricisi olarak başarılı bir kariyer yapmak için ön uç ve arka uç geliştirme bilgisine ihtiyacınız olacaktır. GitHub'daki tam yığın projeler, geliştirme becerilerinizi öğrenmek ve geliştirmek için harika bir yol sunar. Tam yığın bir proje uygulamak, aşağıdakilerle ilgili programlama yeteneklerinizi geliştirirken HTML ve CSS'de ustalaşmanıza yardımcı olur:

• Tarayıcılar (jQuery, Angular, JavaScript, Vue vb. kullanan)
• Sunucular (PHP, Python, Node vb. kullanan)
• Veritabanı (SQL, SQLite, MongoDB vb. kullanarak)

Ayrıca, full-stack geliştirme oldukça rağbet gören bir meslektir. Geliştiriciler en son teknolojileri ve kullanılan tekniklerin tüm yönlerini bildiğinden, hızlı bir şekilde prototip yapabilir ve diğer ekip üyelerini destekleyebilirler. Bu şekilde, yetenekli tam yığın geliştiriciler, genel proje maliyetini düşürür ve verimli ekip iletişimini sağlar.

GitHub'da Tam Yığın Projeler

1. TapHaberler

Kullanıcı günlüklerine dayalı olarak haberleri otomatik olarak öneren React tabanlı bir web uygulamasıdır. Temel olarak TapNews, çeşitli kaynaklardan haber toplar ve konu önermek için makine öğrenimi uygular. TF-IDF algoritmasını kullanarak kopyaları kaldırır ve TensorFlow CNN kullanarak haber konularını tahmin eder. Ayrıca, JSON-RPC, birden çok arka uç hizmeti arasındaki iletişime yardımcı olur.

2. Tam istifleyici

Bu proje, React uygulaması için Express ve Next.js içeren bir Node.js sunucusu kullanır. Büyük ölçekli projeler için sağlam bir kalıp olarak hizmet eder ve basit bir klasör organizasyon yapısı içerir. Fullstakinator, global durum yönetimi için Redux ve hem sunucu hem de istemci dosyalarında bir TypeScript kurulumu içerir. Node.js, Next.js, TypeScript, Redux ve stil bileşenlerinin işleyişi hakkında daha fazla netlik elde etmek için bu açık kaynaklı projeye göz atabilirsiniz.

3. PostVapoRS

PostVapoRS, PostgreSQL, Vapor, React ve Swift ile tam yığın anlamına gelir. Bu GitHub projesi ayrıca aşağıdaki arka uç ve ön uç geliştirme araçlarını da içerir:

• MySQL
• SQLite
• MariaDB
• JavaScript
• jQuery
• Tepki
• Vue
• Açısal
• ince
• Popper, vb.

4. MongoVapoRS

Bu proje yukarıdaki fikre oldukça benzer, ancak PostgreSQL yerine MongoDB kullanıyor. Veritabanı geliştirme, veritabanı sürücüleri, uygulama çerçeveleri ve kitaplıklara aşina olmak için MongoVapoRS'u çoğaltabilirsiniz. Bu nedenle, koda erişin ve pratik yapın!

5. Tam yığın PPM de

GitHub'da ücretsiz olarak bulabileceğiniz bu kişisel proje yönetim aracının kodunu burada bulabilirsiniz. React ve SpringBoot kullanılarak oluşturulmuştur. Tam yığın ppm aracı projesi aşağıdaki işlevlere sahiptir:

• Kullanıcı kaydı ve oturum açma özellikleri
• JWT Token aracılığıyla kullanıcı kimlik doğrulaması
• CRUD işlemleri

6. Kodlama AI

Bu yenilikçi proje, geniş bir katkıda bulunanlar topluluğuna sahiptir. CodingAI, geliştiricilerin kendi teknoloji yığınlarıyla ilgili akıl hocaları bulmasını sağlayan tam yığın bir uygulamanın mükemmel bir örneğidir. Kapsamlı proje belgeleri, React, CSS, Redux ve duyarlı geliştirme hakkında bilgi edinmenize yardımcı olabilir.

7. Ürün Kataloğu

Tipik bir ürün kataloğu projesi, farklı kategoriler altında bir ürün listesi sağlar ve kullanıcı kayıt ve doğrulama sisteminden oluşur. Bu GitHub deposu , tüm bu özellikleri içerir ve bunları ayrıntılı olarak kapsar. Ürün kataloğu projesi HTML5, Bootstrap, SQLAlchhemy, Vagrant ve Flask ile oluşturulmuştur. Ayrıca Google ve Facebook ile OAuth2 sosyal girişine izin verir.

Oturum açtıktan sonra, kullanıcılar ürün bilgilerini toplamak için belirli öğeleri seçebilirler. Ayrıca öğe bilgilerini ekleyebilir, düzenleyebilir ve silebilir. Oturumu kapattığınızda, ana sayfa hiçbir öğe eklenmemiş olarak boş görünür.

Proje aynı zamanda yerleşim tasarımında iyileştirme olasılıklarını ve CRUD operasyonlarında CSRF korumasının uygulanmasını gösterir. Bu alanda zaten biraz deneyiminiz varsa, bu denemeye değer olabilir.

8. Tam yığın öğretici

Ön uç için JavaScript (React) ve arka uç için Python (Flask) kullanarak bir CRUD uygulamasının nasıl uygulanacağını anlamak için bu öğreticiyi inceleyebilirsiniz. Sıfırdan geliştirme için ön koşullar Node.js ve Anaconda'yı (Python 3) içerir. Bir uygulama eğitimi, aksi takdirde kendi başlarına başlamaktan korkabilecek yeni başlayanlar için faydalı olabilir.

9. Hisset

Feel, insan kaygısı sorununu çözmek için ilerici bir çözüm sunan açık kaynaklı bir uygulamadır. Benzer yaşam durumlarından geçmiş insanları birbirine bağlar ve kitap, yemek, oyun, film ve müzikle ilgili gönderileri gösterir. Bu şekilde, sorunları paylaşmak için güvenli bir alan yaratır ve hatta bazı insanlar için günlük bir oyalama sağlar. Feel uygulamasının teknik içeriğine bir bakış:

• Arka uç: NodeJS, Express ve MongoDB
• Ön uç: ReactJ'ler ve diğer birkaç bağımlılık
• Mobil: Expo ve React Native

10. Berlin Mahalle Haritası

Mahallenizin haritasını gösteren tek sayfalık bir web uygulamasıdır. Bu harita projesiyle, yerleri vurgular, harita işaretçileriyle popüler noktaları belirler, üçüncü taraf verileri ekler ve bir arama işlevi ve tüm konumların liste görünümünü eklersiniz. Bu projenin kodunu çoğaltarak KnockoutJS ve Google Haritalar API becerilerinizi geliştirebilirsiniz.

11. Temizlikçi

Housekeeper web uygulaması, öğrencilerin pansiyon odaları için temizlik hizmetleri planlamasına olanak tanır. Öğrencilerin ders saatleri değişken olduğundan, odalarını kaynakları verimli bir şekilde zamanında temizlemek önemli bir zorluktur. Bu proje, veritabanı şeması tasarımı ve ön uç ve arka uç web uygulamaları aracılığıyla bu sorunu doğrudan ele almaktadır. Üç bölümün tümü için kaynak kodu depoda mevcuttur.

12. Hastane Yönetim Sistemi

Bu GitHub projesi aşağıdaki dilleri ve teknolojileri kullanır:

• HTML5/CSS3
• PHP
• Önyükleme
• Javascript (içeriği dinamik olarak güncellemek için)
• XAMPP (Apache Friends web sunucusu)
• TCPDF (PDF oluşturmak için açık kaynaklı yazılım)

Nasıl çalıştığını anlamak ve karmaşıklıklarına aşina olmak için bu projeyi bilgisayarınızda çalıştırabilirsiniz. Makinenize XAMPP yüklemeniz ve ideal olarak Sublime Text'i metin düzenleyici olarak ve projeyi çalıştırmak için Google Chrome'u kullanmanız gerekir.

13. BookMyShow Klonu

Django kullanmayı öğrenmek istiyorsanız bu proje tam size göre. Bu GitHub deposu size aşağıdaki öğelerle Book My Show'un tam bir yığın kopyasını sunar:

• Film Filtresi Sayfası
• Film Detay Sayfası
• Tiyatro/Sinema Salonları Listesi
• Rezervasyon Sayfası

14. Japon Yemek Blogu

Bu GitHub deposu, J Food Blogger web sitesinin kaynak koduna sahiptir. Teknoloji yığını Node.js, Express, MongoDB, Bootstrap ve Cloudinary kullanılarak oluşturulmuştur. İnsanlar, kişisel bir profil oluşturarak, resim yükleyerek, blog yazarak, yorum yaparak vb. Japon yemekleri deneyimlerini sitede paylaşabilir. Kullanıcılar ayrıca ilgilendikleri gönderileri arayabilirler.

15. Veudo

Bu, günlük aktivitelerinizi düzenlemenize ve üretkenliğinizi artırmanıza olanak tanıyan bir görev yönetimi uygulaması örneğidir. Veudo, PostgreSQL, Express, Vue ve Node.js'den oluşan PEVN yığınını kullanır. İş yerleri evden çalışma modelini giderek daha fazla benimserken, yapılacaklar uygulamalarının alaka düzeyi artıyor. Bu tür uygulamaları, alışveriş listeleri yapmak veya doğum günleri için hatırlatıcılar ayarlamak gibi kişisel işleri ve sorumlulukları takip etmek için de kullanabilirsiniz.

Öğrenin: Django vs NodeJS: Django ve NodeJS Arasındaki Fark

Dünyanın En İyi Üniversitelerinden Online Yazılım Mühendisliği Kursları öğrenin . Kariyerinizi hızlandırmak için Yönetici PG Programları, Gelişmiş Sertifika Programları veya Yüksek Lisans Programları kazanın.

toparlamak

Bununla, hevesli web geliştiricileri ve öğrenciler için faydalı olacak heyecan verici bir fikir karışımını ele aldık. GitHub'daki yukarıdaki tam yığın proje listesi, en iyi geliştirme uygulamalarına aşina olmanıza ve teknik yetkinliklerinizi tazelemenize yardımcı olacaktır. Öyleyse, tam bir yığın projede şansınızı deneyin ve öğrenme yolculuğunuza bugün başlayın!

Javascript, full-stack geliştirme hakkında daha fazla bilgi edinmek istiyorsanız, upGrad & IIIT-B'nin çalışan profesyoneller için tasarlanmış ve 500+ saatlik zorlu eğitim, 9+ proje sunan Full-stack Yazılım Geliştirmede Yönetici PG Programına göz atın , ve ödevler, IIIT-B Mezun statüsü, pratik uygulamalı bitirme projeleri ve en iyi firmalarla iş yardımı.

Tam Yığın Geliştirici Olun

Tam Yığın Geliştirmede Executive PG Programına Şimdi Başvur