A
Anonymous

Diagnostic Center List - Copy this React, Tailwind Component to your project

[ { "profileImageUrl": "UploadedFiles/2024 04 03/0x2pjfqw.51v.jpg", "coverImageUrl": "UploadedFiles/2024 04 03/eqsigfsq.oal.jpg", "name": "Monowara Clinic & Diagnostic Center,Lalmonirhat", "nameBn": "মনোয়ারা ক্লিনিক অ্যান্ড ডায়াগনস্টিক সেন্টার, সদর,লালমনিরহাট ", "userId": "db3c0120 319b 45dc 0b9d 08dc53f89cd7", "location": "WC6J+VGP , Mission More,Lalmonirhat Sadar,Lalmonirhat", "latitude": "25.912397242075276", "longitude": "89.43185515701771", "emergencyContactNumber": "01722304626", "registrationNumber": null, "serviceTime": "24 hours", "establishedYear": "2024 04 03", "notice": "আধুনিক,মানসম্মত, বিনয়ী ব্যবহার ও সাশ্রয়ী ,মহিলা সনোলোজিস্ট দ্বারা আল্ট্রাসোনোগ্রাফি করা হয় ,সকল পরীক্ষার উপর 20% ছাড় ", "centerInformation": "test", "ownerName": "MD MONJUM ALI", "ownerMobileNumber": "01722304626", "ownerNID": null, "ownerImageUrl": "UploadedFiles/2024 04 03/izbmfkiw.jl2.jpg", "isOpen": true, "isOTAvailable": true, "isICUAvailable": false, "isApproved": false, "contact": "01722304626", "diagnosticCenterDoctors": [ { "diagnosticCenterId": "440f38fd be07 4bf2 0fc8 08dc54043d52", "doctorId": "43925711 1372 42e9 1648 08dc53f91ab2", "doctorUserId": "db3c0120 319b 45dc 0b9d 08dc53f89cd7", "name": "MD. Z. A.KHAN ANTOR", "doctorFee": "300taka", "degree": "MBBS", "experience": "1 year", "imageUrl": "UploadedFiles/2024 04 03/b21zi2hb.p01.jpg", "rating": "4.3", "id": "285a4171 dcca 41b1 d7f9 08dc5404dfcd", "createdBy": "system", "createdOn": "2024 04 03T23:38:29.1206428", "updatedBy": null, "updatedOn": null, "isDeleted": false } ], "diagnosticCenterBloodBank": [], "diagnosticCenterPharmacy": [], "diagnosticCenterAmbulance": [], "diagnosticCenterServices": [ { "diagnosticCenterId": "440f38fd be07 4bf2 0fc8 08dc54043d52", "serviceType": "Investigation", "serviceName": "CBC", "price": "400", "remarks": "", "id": "5e1ee83d fd8b 4a53 ca03 08dc5404fc9b", "createdBy": "system", "createdOn": "2024 04 03T23:39:17.4465337", "updatedBy": null, "updatedOn": null, "isDeleted": false } ], "totalRating": 1, "averageRating": 5, "isFavourite": false, "id": "440f38fd be07 4bf2 0fc8 08dc54043d52", "createdBy": "system", "createdOn": "2024 04 03T23:33:56.522836", "updatedBy": "system", "updatedOn": "2024 04 04T00:02:46.689064", "isDeleted": false }, ] DiagnosticCenterList and DiagnosticCenterCard design only target mobile responsive not desktop at least 2 card in row grid or flex

Prompt
Component Preview

About

DiagnosticCenterList - Showcases clinics with images, services, and ratings. Built with React and Tailwind for mobile responsiveness. View and copy code!

Share

Last updated 1 month ago