Coder Social home page Coder Social logo

mustafa-cam / gulbagkuruyemis Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 7.76 MB

My first project that I did myself. I did it in 2023. I did it to develop in Node.js and javascript. I tried to make a nuts site. I made the explanations in the Readme.md file.

JavaScript 21.67% HTML 9.49% CSS 3.21% EJS 65.63%

gulbagkuruyemis's Introduction

Gülbağ Kuruyemiş'e Hoşgeldiniz. Projede Express.js ve frontend kısmı için template engine olarak ejs kullanıldı. Kendimi backend'de geliştirmek istediğim için gerçek bir frontend teknoloji kullanmadım. (ilk projem de baya eksikler var :D)

ilk olarak .env dosyası oluşturup aşşağdaki bilgileri doldurmalısınız.

DATABASE_HOST=localhost

SESSION_SECRET=

DATABASE_SIFRE=

DB_USERNAME=root

DB_DBNAME=

Ardından terminale --- npm install --- yazarak gerekli paketleri yükleyiniz.

Ardından aşşağdaki gibi projenin dizinine gelip nodemon app.js yazınız.

Ekran görüntüsü 2024-07-26 150440

http://localhost:3000/ adresine gelelim.

Ekran Görüntüsü (70) Ekran görüntüsü 2024-07-26 163831 Ekran görüntüsü 2024-07-26 163944 Ekran görüntüsü 2024-07-26 165914

Kayıt olalım.

Ekran görüntüsü 2024-07-26 172121 Ekran Görüntüsü (71)

Giriş Yapalım (Giriş yapmadan satın alınamaz. Login Sayfasına yönlendirilir.)

Ekran görüntüsü 2024-07-26 172931 Eğer Admin ise kullanıcı Türünü admin seçmeliyiz biliyorum bu şekilde olmaması lazım. Ama passport ile kimlik doğrulama da yapabileceğimi öğrendim bunu denemek istedim çünkü jwt ile yapmıştım. Bu şekilde yapmaktansa eğer giriş yapan kullanıcı admin ise admin sayfasına gidecek. Ama şuanlık passport ile auth işlemi yapıyorum. Zaten Admin olarak veritabanından işaretlenmeyen kullanıcı Admin'i seçse bile giremez.

Giriş yaptıktan sonra Ana sayfa

Ekran görüntüsü 2024-07-26 173612

Profile

Ekran görüntüsü 2024-07-26 173744 Burda gerekli güncellemeleri yapabiliriz. image image image image

Ürünler

Ekran görüntüsü 2024-07-26 173849 Ekran görüntüsü 2024-07-26 173922

Satın Alma işlemi Yapalım.(Fiyatlar 2023 içindir.)

Ekran görüntüsü 2024-07-26 174053 Burda hem fiyatı girebilir hem de gramajı girebiliriz. 2 şekilde de hesaplama yapacaktır.

50 TL'den düşük sipariş verilmez.

Ekran görüntüsü 2024-07-26 174053

Sepet

Ekran görüntüsü 2024-07-26 174744

Biraz da Fındık alalım.

Ekran görüntüsü 2024-07-26 174922

Yeni Sepet

Ekran görüntüsü 2024-07-26 175024

Sepetten silme

Ekran görüntüsü 2024-07-26 175253 Ekran görüntüsü 2024-07-26 175423

Admin AnaSayfa

image

Ürünleri Yönet Sayfası

image

Pirince indirim yapalım image image

Kırmızı Mercimeğe zam yapalım. image image image image

User Güncelleme

image image image

Burda görüldüğü gibi admin de var admin ilk olarak herkes gibi user olarak kaydediliyor (o sebeple şuan user tablosundan silmediğimiz için gözüküyor.) Sonrasında veritabanına erişimi olan kişi burda bu user'ın rolünü admin yapıyor. sonrasında bunu admin tablosuna taşıyor. Admin belirleme database de yapılıyor yani.

Not: !! Silme işlemini yapmıyoruz aktif pasif yapıyoruz.

Projem Bu şekildeydi. Bütün controller kodunu App.js de yapmışım hiç etik değil clean code ve solid kızdı. Bu hatamı düzelteceğim. Kendimi Node.js ve Javascript'de geliştirmek için bu projeyi gerçekleştirmiştim. Kendi uğraşım ile yaptığım ilk projeydi Readme.md dosyasını 26.07.2024 tarihinde yazdım. Ama uygulamayı 2023 de oluşturmuştum. (Nest.js ile CMS projesi için gerçek bir backend uygulamasını monolit olarak gerçekleştirdim.(https://github.com/Mustafa-Cam/Nest.js-CMS-Api))). Bu projeyi daha ilerletmeyi düşünmüyorum. Çünkü artık projelerimde mikroservis mimarisi ile devam edeceğim. İyi çalışmalar dilerim. Herkese Mutlu hayatlar. Heroku artık ücretli Render.com'da da mysql için bir configirasyon gerekiyordu. clever-cloud.com ile Bu işlemi de gerçekleştirdim. Burda da passport için gerekli modül(import edilen kütüphane)'de hata aldım. Deploy etti ama login kısmında hata verdi(local'de sorun yok). Ama dediğim şekilde mysql de size yüklü ise env dosyasını oluşturup rahatlıkla uygulamayı çalıştırabilirsiniz. MongoDb'nin atlas'ını kullansaydım rahatlıkla deploy edecektim.

gulbagkuruyemis's People

Contributors

mustafa-cam avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.