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ı
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.
- 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
- Uygulamayı İndirmek İçin :
git clone https://github.com/SDU-Bilgisayar-Muhendisligi/PieCentralPizza.git
Ç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
- 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.