Vue.js ile Fast-Typing Uygulaması



Click here for English README.

Bu proje klavye yazma hızını arttırmayı hedefleyen bir uygulama oluşturulmuştur. Ekrana gelen kelimeleri yazarak bir dakika da kaç kelime yazdığınızı ve kaçının doğru olduğunu göstermeyi amaçlamıştır. Kelimeyi yazdıktan sonra space tuşu ile sonraki kelimeye geçilir. Kelimeler TDK'den (Türk Dil Kurumu) alınmıştır.

Deneyimlemek İster Misiniz?

Projenin canlı demosunu bu linke tıklayarak ulaşabilirsiniz.

Kurulumlar

Projenizin yerel makinenizde çalışabilmesi için NPM ve Node.js kurulu olmalıdır. Aşağıda kurulum için gerekli linke ulaşabilirsiniz. NodeJS içerisinde npm'i barındırdığı için node.js kurulması yeterli olacaktır. Buna rağmen iki indirme linki de aşağıda verilmiştir.

• NodeJs kurulumu için: https://nodejs.dev/download/
• NPM kurulumu için: https://www.npmjs.com/get-npm

Projeyi Çalıştırma

İlk olarak projeyi klonlayın veya dosyaları .zip olarak indirip dizine çıkarınız. Klonlamak için:

git clone https://github.com/fatihes1/fast-typing-with-vue.git

Proje dizinini açınız ve gerekle Node modüllerini kurmak için aşağıdaki komut satırını çalıştırın:

npm install

Son olarak projeyi sunucuda çalıştırmak için aşağıdaki kodu komut satırında çalıştırınız.

npm run serve

Tüm bu işlemlerin sonrasında proje 127.0.0.1/8080 veya localhost:8080 adresinde çalışacaktır.

Projede Kullanılan Teknolojiler

Vue.js Web Framework

Vue js yapısı gereği direk tarayıcı DOM’u üzerinde değişiklik yapmak yerinde virtual DOM üzerinde değişiklik yapan ve değişikliğin ardından virtual DOM ve tarayıcının DOM’u karşılaştırılarak sadece değişen kısımlar kullanıcıya gösteren web frameworküdür.

Daha fazla bilgi için, tıklayınız.

Bootstrap 5

Bootstrap; HTML, CSS ve JavaScript ile yazılmış kullanışlı, yeniden kullanılabilir kod parçalarından oluşan dev bir koleksiyondur. Ayrıca, geliştiricilerin ve tasarımcıların hızla tam olarak duyarlı web siteleri oluşturmasını sağlayan bir frameworktür.

Daha fazla bilgi için, tıklayınız.

Proje Görselleri

Yazar

Fatih Es Beni aşağıdaki platformlardan takip edebilirsiniz..