Code Editor Projesi

Bu proje, HTML, CSS ve JavaScript kodlarınızı tarayıcı üzerinde denemenizi sağlayan bir code editor uygulamasıdır. Proje, modern web teknolojileri kullanılarak geliştirilmiştir ve responsive bir tasarıma sahiptir.

Bağlantılar

• 🔗 Canlı Demo
• 🔗 GitHub Reposu

Özellikler

• Tarayıcı Üzerinde Kod Deneme: HTML, CSS ve JavaScript kodlarınızı tarayıcı üzerinde anında görüntüleyebilir ve test edebilirsiniz.
• Responsive Tasarım: Mobil ve masaüstü cihazlarda sorunsuz çalışan responsive bir tasarım.

Kullanılan Teknolojiler

• Typescript: Projenin temel dilidir.
• Next.js: React tabanlı bir framework olarak kullanıldı.
• Tailwind CSS: Hızlı ve esnek bir CSS framework'ü olarak tercih edildi.
• React Icons: Projede kullanılan ikonlar için tercih edildi.
• React Hooks: State ve lifecycle yönetimi için kullanıldı.

Kurulum

Projeyi yerel makinenizde çalıştırmak için aşağıdaki adımları izleyin:

Depoyu klonlayın: git clone https://github.com/kullanici/code-editor-projesi.git

Proje dizinine gidin: cd code-editor-projesi

Gerekli bağımlılıkları yükleyin: npm install

Projeyi başlatın: npm run dev

Tarayıcınızda http://localhost:3000 adresine giderek projeyi görüntüleyin.