React JS – ToDo

ReactJS-ToDo projesi, React kullanılarak geliştirilmiş bir yapılacaklar listesi (To-Do List) uygulamasıdır. Create React App ile başlatılmış olup, kullanıcıların görev ekleyip yönetebileceği basit bir uygulamadır. Projeyi inceleyerek React’ın temel kavramlarını öğrenebilir ve geliştirmeler yapabilirsiniz. 🚀

Create React App ile Başlarken

Bu proje, Create React App kullanılarak oluşturulmuştur.

Kullanılabilir Komutlar

Proje dizininde aşağıdaki komutları çalıştırabilirsiniz:

npm start

Uygulamayı geliştirme modunda başlatır.
Tarayıcınızda http://localhost:3000 adresinde görüntüleyebilirsiniz.

  • Sayfayı kaydettiğinizde otomatik olarak yeniden yüklenir.
  • Konsolda lint hatalarını görebilirsiniz.

npm test

Test çalıştırıcısını etkileşimli izleme modunda başlatır.
Daha fazla bilgi için test çalıştırma bölümlerine bakabilirsiniz.

npm run build

Uygulamayı üretim (production) için build klasörüne derler.

  • React’ı üretim modunda en iyi performans için optimize eder.
  • Yapı küçültülür (minify edilir) ve dosya adlarına hash eklenir.
  • Uygulamanız deploy edilmeye (yayınlanmaya) hazır hale gelir!

Daha fazla bilgi için deployment (yayınlama) bölümününe bakabilirsiniz.

npm run eject

⚠️ Geri dönüşü olmayan bir işlemdir!

Eğer yapılandırma seçeneklerinden memnun değilseniz, bu komut ile bağımlılıkları dışarı çıkartabilirsiniz.

  • Webpack, Babel, ESLint gibi araçları kendiniz yönetebilirsiniz.
  • Ancak bu işlemi yaptıktan sonra geri dönüş yoktur!
  • Küçük ve orta ölçekli projeler için eject kullanmanıza gerek yoktur.

Daha Fazla Bilgi

Daha fazla bilgi için:

Ekstra Konular

npm run build Hatası

Minify işlemi başarısız olursa şu bağlantıdan hata giderme adımlarına ulaşabilirsiniz:
npm run build fails to minify

Other Our Projects

Skip Size Hire

Bu proje, bir iş mülakatı için teknik bir kodlama görevi kapsamında oluşturulmuş React tabanlı bir ön yüz (UI) yeniden tasarım projesidir. Amaç, “Skip Boyutunu Seçin” sayfasını baştan sona modern ön yüz uygulamaları kullanarak yeniden inşa etmekti. Orijinal işlevsellik tamamen korunmuştur.
Onur Aydınoğlu

NewsApp

NewsApp, haber içeriklerinin dijital ortamda kolayca yönetilmesi ve yayınlanması için geliştirilmiş modern bir haber yönetim sistemidir. Bu proje ile yöneticiler; haber ekleme, güncelleme, silme ve kategorilere göre listeleme işlemlerini tek bir panel üzerinden hızlı ve verimli bir şekilde gerçekleştirebilir. Uygulama, kullanıcı dostu arayüzüyle React JS kullanılarak geliştirilmiş olup, arka planda Node.js ve MongoDB tabanlı RESTful API ile yüksek performanslı ve esnek bir servis mimarisi sunmaktadır. NewsApp, güncel web teknolojileriyle uyumlu, modern ve sürdürülebilir bir haber platformudur.
Onur Aydınoğlu

AnadoluGida

AnadoluGıda, ürün ve kategori yönetimini kolaylaştırmak amacıyla geliştirilen modern bir web uygulamasıdır. React JS ile oluşturulan kullanıcı dostu arayüz, ASP.NET Core Web API ile desteklenerek güvenli ve performanslı bir altyapı sunar. Bu sayede ürün ekleme, güncelleme ve listeleme işlemleri hızlı ve verimli şekilde yapılabilir.
Ortak Proje

GradeApp

GradeApp, öğrencilerin ve derslerin kayıtlarını dijital ortamda kolayca yönetmek için geliştirilmiş modern bir öğrenci yönetim sistemidir​. Bu proje sayesinde eğitim kurumları; öğrenci bilgilerini tutma, not girişleri yapma ve notları izleme gibi süreçleri tek bir platform üzerinden verimli şekilde gerçekleştirebilir. GradeApp, güncel web teknolojileriyle inşa edilmiştir: React JS tabanlı bir tek sayfa uygulama (SPA) ile zengin bir önyüz sunarken, arka planda ASP.NET Core Web API ile ölçeklenebilir ve yüksek performanslı bir servis mimarisi sağlanmaktadır​. Bu sayede sistem, modern geliştirme pratikleriyle uyumlu, esnek ve güvenilir bir altyapı üzerinde çalışır.
Ortak Proje