PieCentral Pizza

Süleyman Demirel Üniversitesi Bilgisayar Mühendisliği bölümünde Yazılım Mühendisliği dersi için yapmış olduğumuz bir web uygulamasıdır.

Uygulamanın sağladığı imkanlar :

• Ürünleri ve ürün detaylarını görüntüleme,
• Kayıt olabilme,
• Giriş yapabilme,
• Kullanıcı için :
  • Sepete ekleyebilme,
  • Sepeti düzenleyebilme,
  • Sipariş verebilme,
  • Bilgilerini ekleyebilme,
  • Bilgilerini silebilme,
  • Bilgilerini güncelleyebilme,
  • Siparişlerini yönetebilme,
  • Favorilere ekleyebilme,
  • Favorilerini yönetebilme ve filtreleyebilme imkanları
• Admin için : (Admin, kullanıcının imkanlarına da sahiptir. Aşağıda yazanlar ek özellikleridir.)
  • Yeni ürün ekleyebilme,
  • Ürünleri görüntüleyebilme,
  • Ürünleri güncelleyebilme,
  • Ürünleri silebilme,
  • Kullanıcıları görüntüleyebilme, filtreleyebilme,
  • Kulllanıcıları silebilme,
  • Siparişleri görüntüleyebilme, filtreleyebilme,
  • Siparişleri silebilme,
  • Sipariş durumlarını güncelleme imkanları

Uygulama Özellikleri

Bu uygulama npx create-react-app komutu ile oluşturulmuş bir React.js projesidir.

• Uygulama front-end ve back-end olmak üzere iki kısımdan oluşmaktadır.
• Front-End çatısı olarak React kullanılmıştır.
• Back-End Çatısı olarak Express.Js kullanılmıştır.
• Front-End ve back-end arasındaki iletişim Rest Api ile sağlanmıştır.

Kullanılan Teknolojiler ve Araçlar

• Front-end: React
• Back-end: ExpressJS
• Veritabanı: MongoDB
• Veri Modelleme: Mongoose
• Kimlik Doğrulama, Güvenlik: PassportJS, JWT
• Validasyon İşlemleri : YupJs
• Component Kütüphanesi : Mui, Antd
• Haberleşme: REST API, Axios, React Query
• Sayfa Yönlendirme: React Router Dom
• Form Yönetim Aracı : Formik
• Test: Postman
• IDE: Visual Studio Code
• REST API Client: Postman
• Versiyonlama: Git

Uygulamanın Kişisel Bilgisayarınıza İndirilmesi

• Uygulamayı İndirmek İçin :

git clone https://github.com/SDU-Bilgisayar-Muhendisligi/PieCentralPizza.git

Kütüphanelerin Yüklenmesi

Çalıştırmadan önce gerekli kütüphanelerin yüklenmesi gerekir.

• Uygulama içindeki Back-End klasörü içindeyken terminalde aşağıdaki komutu kullanarak bu kütüphaneleri yükleyin.

npm install

• Uygulama içindeki Front-End klasörü içindeyken terminalde aşağıdaki komutu kullanarak bu kütüphaneleri yükleyin.

npm install

Uygulamanın Çalıştırılması

• Uygulama içindeki Back-End klasörü içindeyken terminalde aşağıdaki komutu kullanarak Back-End’i çalıştırın.

npm start 

Back-End çalışınca terminal şöyle görünecek :

• Şimdi de uygulama içindeki Front-End klasörü içindeyken terminalde aşağıdaki komutu kullanarak Front-End’i çalıştırın.

npm start

Front-End çalışınca terminal şöyle görünecek :

Uygulama artık local’inizde çalışır halde.