zehracakir / PieCentralPizza

PieCentral Pizza isimli global yemek sitemiz, müşterilere çevrimiçi olarak pizza ve diğer yemekleri sipariş etme, favori ürünleri belirleme gibi birçok farklı işlev sunan bir web sitesidir.

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.