A
Anonymous

Doctor Card - Copy this React, Tailwind Component to your project

[ { "id": "a628b930 643f 4a93 40f9 08dc23f8cff2", "name": "MD.Nahid Ferdaus ", "degree": "MBBS", "doctorFee": "300", "imageUrl": "UploadedFiles/2024 02 02/bgdas3g1.jks.png", "experience": "1 ", "userId": "0ebdb94c 026d 4a86 889f 08dc23f7bd64", "totalRating": 3, "averageRating": 5, "lat": "24.922731607007297", "lon": "89.92947902530432", "location": "Mirza Azam Chattor, Jamalpur ", "createdOn": null, "degreeName": "MBBS" }, { "id": "2e64eaa1 4519 43a3 4dbb 08dc838ad23b", "name": "Md. Shajedul Islam", "degree": "MBBS", "doctorFee": "400 taka", "imageUrl": "UploadedFiles/2024 06 03/cfdn0jyr.o23.png", "experience": "20 years", "userId": "6b8d5e46 0918 47be caec 08dc83887066", "totalRating": 0, "averageRating": 0, "lat": "25.134422662202546", "lon": "89.3914932757616", "location": "মহিমাগঞ্জ রোড, সাফিয়া আছাব বিপিএড কলেজের সামনে, গোবিন্দগঞ্জ, গাইবান্ধা। ", "createdOn": null, "degreeName": "MBBS" }, { "id": "a11bbeb2 6545 4c0a 96dc 08dbda251658", "name": "এম. এম. শাহিন উল ইসলাম ", "degree": "MBBS", "doctorFee": "800 tk", "imageUrl": "UploadedFiles/2023 10 31/zpbrdaxj.3mq.jpg", "experience": "15 year", "userId": "f3ed9d10 ca75 4aef 9cc8 08dbda2043ab", "totalRating": 12, "averageRating": 4.92, "lat": "23.747839390472034", "lon": "89.6455705538392", "location": "পাবলিক হেলথ মোড়, সঞ্জনকান্দা, রাজবাড়ী। ", "createdOn": null, "degreeName": "MBBS" }, { "id": "3a5589e9 5b3f 4220 b82b 08dc256443c2", "name": "Asad Mustafa Sujan", "degree": "MBBS", "doctorFee": "400", "imageUrl": "UploadedFiles/2024 02 04/e0hnxftz.g11.jpg", "experience": "03 Years", "userId": "7f7417fc 634d 4371 ae9f 08dc2560e3ea", "totalRating": 4, "averageRating": 5, "lat": "24.26671517206408", "lon": "90.35421587526798", "location": "Doctor Sujan's House,East Gazipur Bazar, Sreepur,Gazipur ", "createdOn": null, "degreeName": "MBBS" }, { "id": "43925711 1372 42e9 1648 08dc53f91ab2", "name": "MD. Z. A.KHAN ANTOR", "degree": "MBBS", "doctorFee": "300taka", "imageUrl": "UploadedFiles/2024 04 03/b21zi2hb.p01.jpg", "experience": "1 year", "userId": "db3c0120 319b 45dc 0b9d 08dc53f89cd7", "totalRating": 2, "averageRating": 5, "lat": "25.912225649443577", "lon": "89.43131770938635", "location": "Mission More,Lalmonirhat Sadar,Lalmonirhat", "createdOn": null, "degreeName": "MBBS" } ] to Nearest Doctor list horizontally scroll card of Doctor only target mobile responsive at least doctor card max 5 doctor card show try upto 3 doctor in flex row

Prompt
Component Preview

About

DoctorCard - Showcase up to 5 doctors with images, fees, and ratings in a mobile-responsive design. Built with React and Tailwind. Download code free!

Share

Last updated 1 month ago