umut-polat-gm/epias-case

EPİAŞ Frontend Developer Örnek Uygulama README

Bu, örnek bir uygulama projesi olan "Örnek Uygulama" için README dosyasıdır. Bu uygulama, belirli işlevlere sahip bir React JS uygulamasıdır.

Uygulamanın bitmiş halini buradan görebilirsiniz.

npm install and npm run dev

İşlevler

• Ekran bölme ve konumları depolama
  • Split işlevi kullanılarak ekran bölünmekte ve konumlar redux store'una yazdırılmaktadır.
  • Split konum değişimleri browser storage alanına kaydedilmektedir.
• Tablo içindeki verilerin işlenmesi
  • JSON parse işlemi kullanılarak tablo içindeki veriler işlenmektedir.
• Tablo sütun filtreleme
  • Tablo sütunlarında filtreleme yapılabilmesi için gerekli işlevsellik bulunmaktadır.
• Tablo içindeki verilerin güncellenmesi
  • Seçim yapma işlemi ile tablo içindeki veriler güncellenebilmektedir.
• Form aracılığıyla veri ekleme
  • Basit bir form kullanılarak tabloya yeni veriler eklenebilmektedir.
• Kullandığım kütüphaneri gereksinimler kısmında inceleyebilirsiniz.
  • "@reduxjs/toolkit": redux
  • "react-icons": react icons
  • "react-split-pane" Split Pane

Ek Bilgiler

• Bu proje React JS kullanılarak geliştirilmiştir.
• Ekran bölme işlevi için Split Pane kullanılmıştır.
• CSS kodları SASS kullanılarak yazılmıştır.
• Uygulama tasarımı videodakiyle tam olarak aynı olmayabilir, ancak yapısal olarak benzerlik göstermektedir.
• SVG yernine react icons kullanılmıştır.

Katkıda Bulunma

• Eğer bu projeye katkıda bulunmak isterseniz, lütfen GitHub'da forklayın ve pull request gönderin.
• Herhangi bir hata veya sorunla karşılaşırsanız, GitHub'da bir "issue" açabilirsiniz.

Bu README dosyası, "Örnek Uygulama" projesinin açıklamalarını içermektedir. İşlevler, kurulum talimatları ve katkıda bulunma bilgileri gibi önemli bilgileri kapsamaktadır. Lütfen gerektiğinde bu dosyayı güncelleyin ve projeyle ilgili diğer kişilere yardımcı olacak bilgileri ekleyin.