Bu uygulama json nesnemizdeki değerleri çekerek kullanıcıya göstermeyi amaçlamaktadır. Bunun için öncesi ve sonrası butonları eklendi. Ayrıca beni şaşırt düğmesi rastgele içerik getirir.

Uygulama oluşturma ve css adımları önceki projelere benzer. İnceleme bileşeni oluşturuldu. Burada simgeleri yeni bir özellik olarak kullandık. Paketimizi kurduk. Ve kullanmak istediğimiz simgeleri içe aktardık.

Daha sonra butonlarımız için metodlarımızı oluşturduk. Önceki ve sonraki butonlarımız ve rastgele içerik verme gibi fonksiyonları yazdık. Projemizdeki dosyaları da hiyerarşik olarak düzenledik.

Bu proje json objemizdeki verileri kullanarak bir akordiyon oluşturmayı amaçlamaktadır. Bunun için simgeler ekledik ve bunları buton olarak kullandık.

Uygulama oluşturma ve css adımları önceki projelere benzer. İnceleme bileşeni oluşturuldu. Burada simgeleri yeni bir özellik olarak kullandık. Paketimizi kurduk. Ve kullanmak istediğimiz simgeleri içe aktardık.

Öncelikle projemizi yapılandırdık. Daha sonra react ı useState ile css'imizi, veri nesnemizi ve bileşenimizi içe aktardık. Uygulama arayüzünü basit bir şekilde oluşturduk. Verilerimizi çekip değişkenimize aktardık. Nesnemizi mapliyoruz. dönüşte ise öncekilerden farklı olarak bileşenimizi döndürüyoruz. Bileşenimize bir anahtar vererek id'mizi aldık ve dizinin geri kalanını ...{} ile döndürdük.

Daha sonra bileşenimize geldik ve useState ve ikonlarımızı içe aktardık. Dönüşümüzü oluşturduk ve ilgili yerlere objelerimizi çağırdık. Daha sonra butonu ekledik. Butonumuza isim yerine ikonlar atadık.

CSS ile tasarladık. Bunun için grid ve flex yapıları kullandık. Son olarak butonumuzda onclick tanımını yaptık. İçerisine basit bir fonksiyon ekledik. Ta Taa. Uygulamamız kullanıma hazır.