https://github.com/kadirkarabacak/bankist-app-dom

https://github.com/kadirkarabacak/bankist-app-dom

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/kadirkarabacak/bankist-app-dom
• Owner: KadirKarabacak
• Created: 2023-10-20T09:44:56.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-07T00:32:55.000Z (about 1 year ago)
• Last Synced: 2023-12-07T02:25:18.024Z (about 1 year ago)
• Language: SCSS
• Homepage: https://bankist-app-dom-k.netlify.app/
• Size: 8.05 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Bankist-App-Advanced-DOM :

![Bankist1](./img/Bankist1.png)

![Bankist1](./img/Bankist2.png)

![Bankist1](./img/Bankist3.png)

## 💨 Proje Hakkında :

* Bu projemi, öğrenmiş olduğum 'Gelişmiş DOM Eventleri'ni kullanarak daha önceki Bankist-App projeme daha iyi bir arayüz olması adına oluşturdum. Yakında iki projemi birleştirmeyi hedefliyorum.

* Projenin canlı versiyonuna linkten erişebilirsiniz ➡ Bankist-App-DOM

## ⚡ Projemde barındırdığım dinamik JS etkileşimleri :

* Event delegation kullanılarak "Menu Fade Animation" ve Intersection Observer kullanılarak oluşturulmuş sticky navbar.

* Tıklamada "Smooth Scroll" event.

* Scroll event yerine daha iyi performans için "Intersection observer API" kullanarak oluşturulmuş "Revealing Sections".

* Basit "Cookie" elementi.

* Daha iyi performans için "Lazy image" load efekti.

* Event delegation yöntemi kullanılarak oluşturulmuş "Tab Component".

* "Slider".

* CSS kullanılarak oluşturulmuş "Modal" yapısı.

## 🛠 Uygulamayı oluştururken kullandığım teknolojiler :

![Tech-icon](./tech-icons/html-icon.png) ![Tech-icon](./tech-icons/css-icon.png) ![Tech-icon](./tech-icons/js-icon.png) ![Tech-icon](./tech-icons/sass-icon.png) ![Tech-icon](./tech-icons/npm-icon.png)

## 💻 Projenin kurulumu :

* Projenin kurulumu için herhangi bir API veya Bundler gerekmemektedir.

## :phone: İletişim

 

     İletişime Geçin 

   


   

   
KADIR KARABACAK 

   

     


     Projenin Linki: Bankist App Advanced DOM

     


     


     LinkedIn:  LinkedIn Hesabım

     


     Instagram:  Instagram Hesabım

     


     Mail Adresim:  [email protected]