Belirli bir veri üzerinde sıralama, filtreleme ve karşılaştırma yapmak için arayüz oluşturma

Merhaba.

Belirli bir veri (özellikle ürün verisi) üzerinde sıralama, filtreleme ve karşılaştırma yapmak için bir arayüz oluşturmaya çalışıyorum. Örnek vermem gerekirse istediğim arayüz şuna benzer: https://www.epey.com/akilli-telefonlar/ Böyle bir arayüzü en kolay şekilde hangi teknoloji yığınını kullanarak yapabilirim? Ön uç ve arka uç olarak soruyorum.

Teşekkür ederim.

Biraz daha “modern” teknolojiler ve daha cok javascript/typescript tabanli, backend’de GraphQL API kullanilan ve projenin buyuklugune bagli olarak ileriye donuk daha cok olceklenebilir olacagini dusundugum bir tech stack olarak;

  • Frontend:
    • UI framework: React/Vue/Angular
    • State management(React): React context/Redux/Zustand/MobX/Recoil
    • Style: CSS/SAAS/Bootstrap/Tailwind/MaterialUI
  • Backend:
    • API: Apollo GraphQL
    • Database: (Prisma?+PostgreSQL)/(Mongoose+MongoDB)/…

teknolojilerini kullanarak genel olarak React+Zustand+Tailwind+Apollo+Prisma+PostgreSQL ile full stack bir websitesi gelistirebilirsiniz.

Biraz daha Python tabanli, REST API kullanilan bir tech stack olarak ise:

  • Frontend: Ustteki herhangi bir UI framework+state management+style veya herhangi bir UI framework kullanilmadan yalin HTML/CSS/JS (yalin JS kullanmak proje buyudukce can sikabilir UI framework kullanmayi tavsiye ederim).
  • Backend
    • API: Flask veya Django
    • Database: Sqlite/MongoDB/…

Bu iki tech stack arasindan birincisi biraz daha javascript ve daha modern teknolojiler uzerine yogunlasiyorken ikincisi bu forumda da oldukca populer bir dil olan Python ve biraz daha geleneksel teknolojiler (REST gibi) uzerine yogunlasiyor. Hangi tech stack’inin daha uygun olacaginiysa javascript ekosistemi ile hasir nesirlige ve soz konusu projenin buyuklugune buyuk oranda bagli olacagindan kesin emin olmamamla beraber eger Python ile daha cok asina iseniz backendde Flask’i ve yaninda herhangi bir python database kutuphanesini kullanmanizi oneririm. Frontendde ise 2. tech stack’de belirttigim gibi, aralarindan en revacta olan React oldugundan ozellikle React olmak uzere, herhangi bir UI framework’unu tavsiye ederim. State ve stil konusunda ustte belirttigim ek kutuphaneleri kullanabilmekle birlikte herhangi bir ayri state kutuphanesi kullanmadan React context ile yalin CSS de kullanabilirsiniz.