肾脏健康多语言应用

4.0

2025/4/1

zh健康与健身肾脏健康多语言应用GFR计算器

提示语

create an app for human kidneys safety in 3 languages ( Kurdish sorani , Arabic and English), with some articles like kidney anatomy include cartoon pictures , kidney functions including cartoon picture and kidney friendly foods including cartoon pictures, then add GFR calculator with results and renal fail stages, in another page add reminder for drinking water doing sports and taken medication , put good background colors to app

生成结果

import React, { useState } from 'react';
import './App.css';

const App = () => {
  const [language, setLanguage] = useState('English');

  const articles = {
    kidneyAnatomy: {
      title: {
        English: 'Kidney Anatomy',
        Kurdish: 'شیکردنەوەی گورچیلە',
        Arabic: 'تشريح الكلى'
      },
      content: {
        English: 'The kidneys are bean-shaped organs that filter blood...',
        Kurdish: 'گورچیلەکان ئەندامی خاوەن شێوەی پاقلەن...',
        Arabic: 'الكلى هي أعضاء على شكل حبة الفول تقوم بتصفية الدم...'
      },
      image: 'https://placehold.co/300X300'
    },
    kidneyFunctions: {
      title: {
        English: 'Kidney Functions',
        Kurdish: 'کردەکانی گورچیلە',
        Arabic: 'وظائف الكلى'
      },
      content: {
        English: 'The kidneys remove waste products and excess fluid...',
        Kurdish: 'گورچیلەکان ماوەی خواردن و ئاوی زۆر لە لەش ڕادەکێشن...',
        Arabic: 'تزيل الكلى الفضلات والسوائل الزائدة...'
      },
      image: 'https://placehold.co/300X300'
    },
    kidneyFriendlyFoods: {
      title: {
        English: 'Kidney Friendly Foods',
        Kurdish: 'خوراکی باش بۆ گورچیلە',
        Arabic: 'أطعمة صديقة للكلى'
      },
      content: {
        English: 'Foods like apples, blueberries, and fish are great for kidneys...',
        Kurdish: 'خوراکی وەک سێو، شاتوو و ماسی باشن بۆ گورچیلە...',
        Arabic: 'الأطعمة مثل التفاح والتوت والأسماك جيدة للكلى...'
      },
      image: 'https://placehold.co/300X300'
    }
  };

  const calculateGFR = () => {
    // GFR calculation logic
    return 'GFR Result';
  };

  const renalFailStages = () => {
    // Renal fail stages logic
    return 'Renal Fail Stages';
  };

  return (
    <div className="App">
      <header className="bg-blue-500 text-white p-4">
        <h1 className="text-2xl font-bold">Kidney Safety App</h1>
        <div className="flex space-x-4 mt-2">
          <button onClick={() => setLanguage('English')} className="hover:bg-blue-600 px-3 py-1 rounded">English</button>
          <button onClick={() => setLanguage('Kurdish')} className="hover:bg-blue-600 px-3 py-1 rounded">Kurdish</button>
          <button onClick={() => setLanguage('Arabic')} className="hover:bg-blue-600 px-3 py-1 rounded">Arabic</button>
        </div>
      </header>

      <main className="p-6">
        <section className="mb-8">
          <h2 className="text-xl font-semibold mb-2">{articles.kidneyAnatomy.title[language]}</h2>
          <p>{articles.kidneyAnatomy.content[language]}</p>
          <img src={articles.kidneyAnatomy.image} alt="Kidney Anatomy" className="mt-4 rounded-lg shadow-md" />
        </section>

        <section className="mb-8">
          <h2 className="text-xl font-semibold mb-2">{articles.kidneyFunctions.title[language]}</h2>
          <p>{articles.kidneyFunctions.content[language]}</p>
          <img src={articles.kidneyFunctions.image} alt="Kidney Functions" className="mt-4 rounded-lg shadow-md" />
        </section>

        <section className="mb-8">
          <h2 className="text-xl font-semibold mb-2">{articles.kidneyFriendlyFoods.title[language]}</h2>
          <p>{articles.kidneyFriendlyFoods.content[language]}</p>
          <img src={articles.kidneyFriendlyFoods.image} alt="Kidney Friendly Foods" className="mt-4 rounded-lg shadow-md" />
        </section>

        <section className="mb-8">
          <h2 className="text-xl font-semibold mb-2">GFR Calculator</h2>
          <p>{calculateGFR()}</p>
          <p>{renalFailStages()}</p>
        </section>

        <section>
          <h2 className="text-xl font-semibold mb-2">Reminders</h2>
          <p>{language === 'English' ? 'Drink Water, Do Sports, Take Medication' : language === 'Kurdish' ? 'ئاو بخۆ، وەرزش بکە، دەرمان وەرگرە' : 'اشرب الماء، مارس الرياضة، تناول الدواء'}</p>
        </section>
      </main>

      <footer className="bg-gray-800 text-white p-4 text-center">
        <p>© 2025 Kidney Safety App. All rights reserved.</p>
      </footer>
    </div>
  );
};

export default App;

Open Sandbox

更多推荐

查看全部

MindCare 心理健康应用

健康与健身en

4.0

🟩 1. Splash Screen Logo + Tagline “MindCare – feel better live better” Loading animation. 🟦 2. Onboarding Slides (3 screens, swipeable) Slide 1: “Take control of your mental well-being.” Illustration: Calm user meditating. Slide 2: “Talk to experts, join support groups, or just vent in a safe space.” Illustration: Therapist talking to client. Slide 3: “Private. Secure. In Arabic. Anytime, anywhere.” CTA: "Get Started" 🟩 3. Sign Up / Log In Screen Options: ✅ Sign up with email ✅ Continue with Google ✅ Already have an account? Log in 🟦 4. User Profile Setup Choose: ▪ Gender ▪ Age range ▪ Mental health goals (ex: anxiety, sleep, stress relief) ▪ Preferred therapy mode: Text / Video / Home Visit ▪ Select Language: (Arabic / French / English) 🟩 5. Home Dashboard Navigation bar (bottom): 🧠 AI Helper | 🧍 Therapist | 🤝 Group | 📚 Content | 👤 Profile Main sections: ▪ "Talk to your AI Supporter" ▪ "Upcoming session with Dr. Yasmine" ▪ "New content for you today" ▪ "Join a live support room" 🟦 6. AI Helper (Smart Assistant) Chat interface with your 24/7 AI support Prompts: “I feel anxious.” “I want a breathing exercise.” “What does a panic attack feel like?” Options: ▪ Start mental scan ▪ Request a coping technique ▪ Schedule a session with therapist 🟩 7. Book a Therapy Session List of verified therapists (with specialties) Filters: gender, availability, language Book: ▪ Video session ▪ Audio call ▪ In-home visit (if city allows) Payment page ▪ Use credits or card ▪ Apply promo code 🟦 8. Group Support Rooms Live & scheduled themed sessions: ▪ “Anxiety Warriors” ▪ “Sleep & Calm Circle” ▪ “Divorce & Heartbreak Support” Features: ▪ Chat & mic on/off ▪ Moderated by psychologists ▪ Anonymous option 🟩 9. Interactive Exercises Daily recommended tasks: ▪ Mood journaling ▪ Guided breathing ▪ CBT reflections ▪ Positive affirmation builder Progress bar and badges for streaks 🟦 10. Mental Health Library Categories: ▪ Anxiety ▪ Depression ▪ Mindfulness ▪ Relationships ▪ Burnout Format: ▪ Short videos ▪ Podcasts ▪ Articles (Arabic dialect & MSA) 🟩 11. Notifications & Reminders “Your therapist appointment starts in 30 minutes.” “Time to check in with your mood.” “A new article on work stress is available.” 🟦 12. Profile & Settings Edit profile Session history Privacy settings Subscription management Language & theme 🟩 13. Emergency Help Red button: “Need urgent help?” ▪ Quick self-soothing techniques ▪ Call emergency number ▪ Crisis lines by country i want all this details in the app with some photos

心理健康AI助手在线治疗2025/6/18

MindCare 心理健康应用

健康与健身zh

4.0

心理健康AI支持在线治疗2025/6/18

心理健康应用功能解析

健康与健身zh

4.0

### 🟩 **1. Splash Screen** * **Logo + Tagline** *“MindCare – feel better live better* * Loading animation. --- ### 🟦 **2. Onboarding Slides (3 screens, swipeable)** **Slide 1:** > *“Take control of your mental well-being.”* > Illustration: Calm user meditating. **Slide 2:** > *“Talk to experts, join support groups, or just vent in a safe space.”* > Illustration: Therapist talking to client. **Slide 3:** > *“Private. Secure. In Arabic. Anytime, anywhere.”* > CTA: "Get Started" --- ### 🟩 **3. Sign Up / Log In Screen** * Options: ✅ Sign up with email ✅ Continue with Google ✅ Already have an account? Log in --- ### 🟦 **4. User Profile Setup** * Choose: ▪ Gender ▪ Age range ▪ Mental health goals (ex: anxiety, sleep, stress relief) ▪ Preferred therapy mode: Text / Video / Home Visit ▪ Select Language: (Arabic / French / English) --- ### 🟩 **5. Home Dashboard** * Navigation bar (bottom): 🧠 AI Helper | 🧍 Therapist | 🤝 Group | 📚 Content | 👤 Profile * Main sections: ▪ "Talk to your AI Supporter" ▪ "Upcoming session with Dr. Yasmine" ▪ "New content for you today" ▪ "Join a live support room" --- ### 🟦 **6. AI Helper (Smart Assistant)** * Chat interface with your 24/7 AI support * Prompts: “I feel anxious.” “I want a breathing exercise.” “What does a panic attack feel like?” * Options: ▪ Start mental scan ▪ Request a coping technique ▪ Schedule a session with therapist --- ### 🟩 **7. Book a Therapy Session** * List of verified therapists (with specialties) * Filters: gender, availability, language * Book: ▪ Video session ▪ Audio call ▪ In-home visit (if city allows) * Payment page ▪ Use credits or card ▪ Apply promo code --- ### 🟦 **8. Group Support Rooms** * Live & scheduled themed sessions: ▪ “Anxiety Warriors” ▪ “Sleep & Calm Circle” ▪ “Divorce & Heartbreak Support” * Features: ▪ Chat & mic on/off ▪ Moderated by psychologists ▪ Anonymous option --- ### 🟩 **9. Interactive Exercises** * Daily recommended tasks: ▪ Mood journaling ▪ Guided breathing ▪ CBT reflections ▪ Positive affirmation builder * Progress bar and badges for streaks --- ### 🟦 **10. Mental Health Library** * Categories: ▪ Anxiety ▪ Depression ▪ Mindfulness ▪ Relationships ▪ Burnout * Format: ▪ Short videos ▪ Podcasts ▪ Articles (Arabic dialect & MSA) --- ### 🟩 **11. Notifications & Reminders** * “Your therapist appointment starts in 30 minutes.” * “Time to check in with your mood.” * “A new article on work stress is available.” --- ### 🟦 **12. Profile & Settings** * Edit profile * Session history * Privacy settings * Subscription management * Language & theme --- ### 🟩 **13. Emergency Help** * Red button: “Need urgent help?” ▪ Quick self-soothing techniques ▪ Call emergency number ▪ Crisis lines by country

心理健康应用功能AI助手2025/6/18

肾脏健康多语言应用

健康与健身zh

4.0

create a mobile app for human kidneys safety in 3 languages ( Kurdish sorani , Arabic and English), with some articles like kidney anatomy explanation include picture of kidney , all kidney functions including picture of kidneys and kidney friendly foods including pictures of foods, then add GFR calculator with results and renal fail stages, in another page add reminder time and date for drinking water doing sports and taken medication , put good background in multi colors to app

肾脏健康多语言应用GFR计算器2025/4/1

肾脏健康多语言应用

健康与健身zh

4.0

create an app for human kidneys safety in 3 languages ( Kurdish sorani , Arabic and English), with some articles like kidney anatomy include cartoon pictures , kidney functions including cartoon picture and kidney friendly foods including cartoon pictures, then add (GFR calculation) with results and renal fail stages, in another page add reminder time and date for drinking water, doing sports and taken medication. put good background colors to app

肾脏健康多语言应用GFR计算2025/4/1

骑行里程记录App

健康与健身en

4.0

Create a bike kilometer reading app

骑行里程记录健康生活2025/3/30