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.

🚀 Kullanılan Teknolojiler

Backend

Node.js – Sunucu tarafı geliştirme
Express.js – RESTful API oluşturmak için minimal ve esnek web çatısı
MongoDB – NoSQL veritabanı çözümü
Mongoose – MongoDB ile daha kolay veri modelleme
dotenv – Ortam değişkenlerinin yönetimi

Frontend

React JS – Tek sayfa uygulama (SPA) yapısı için modern frontend kütüphanesi
Axios – API isteklerini gerçekleştirmek için HTTP istemcisi
React Router DOM – Sayfalar arasında yönlendirme işlemleri
Tailwind CSS – Hızlı ve esnek arayüz tasarımı için utility-first CSS framework’ü

🔑 Temel Özellikler

1️⃣ Haber Yönetimi

Yeni haber ekleme
Haber güncelleme
Haber silme
Haber detaylarını görüntüleme

2️⃣ Kategori Yönetimi

Kategori oluşturma
Kategori düzenleme
Kategori silme
Haberleri kategoriye göre filtreleme

🎯 Projenin Amacı

NewsApp, haber içeriklerini kolayca oluşturup yönetmek isteyen yöneticiler için pratik ve modern bir içerik yönetim sistemi sunar. Amaç, haber portallarının veya kurum içi duyuru sistemlerinin teknolojik ve kullanıcı dostu bir altyapıya kavuşmasını sağlamaktır.

🗂️ Proje Yapısı

NewsApp, frontend ve backend olmak üzere iki ana yapıdan oluşan bir full-stack projedir. Kullanıcı arayüzü, React JS ile modüler şekilde tasarlanmış olup; yönetici, kullanıcı ve genel görüntüleme bölümleri farklı modüller halinde ayrılmıştır. Bu yapı, projeyi daha okunabilir ve sürdürülebilir hale getirir.

Sunucu tarafı ise Node.js ve Express.js kullanılarak geliştirilmiştir. RESTful API mimarisiyle haber ve kategori verileri için CRUD işlemleri gerçekleştirilir. MongoDB veritabanı, esnek yapısı sayesinde haber içeriklerinin dinamik olarak saklanmasını sağlar. Backend tarafında modeller, rotalar ve controller dosyaları ayrı klasörlerde organize edilmiştir.

Bu yapı sayesinde hem istemci (client) hem de sunucu (server) tarafı bağımsız olarak geliştirilebilir ve yönetilebilir. Bu da projenin ölçeklenebilirliğini ve geliştirici deneyimini artırır.

Images

Other Our Projects

5. Sınıf Hafta 20 – 26 Ekim Ders Notu

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.

NewsApp

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.