{"id":27125073,"url":"https://github.com/ameykuradeak/ntrn","last_synced_at":"2025-10-13T06:06:16.095Z","repository":{"id":286558452,"uuid":"961686480","full_name":"AmeyKuradeAK/ntrn","owner":"AmeyKuradeAK","description":"Next JS to React Native Conversion","archived":false,"fork":false,"pushed_at":"2025-06-19T18:32:18.000Z","size":507,"stargazers_count":15,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-08-21T13:04:15.634Z","etag":null,"topics":["cli","cli-app","nextjs","nodejs","react-native"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AmeyKuradeAK.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-04-07T02:10:54.000Z","updated_at":"2025-08-17T17:46:06.000Z","dependencies_parsed_at":"2025-04-09T23:03:40.976Z","dependency_job_id":null,"html_url":"https://github.com/AmeyKuradeAK/ntrn","commit_stats":null,"previous_names":["ameykuradeak/ntrn"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/AmeyKuradeAK/ntrn","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmeyKuradeAK%2Fntrn","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmeyKuradeAK%2Fntrn/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmeyKuradeAK%2Fntrn/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmeyKuradeAK%2Fntrn/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AmeyKuradeAK","download_url":"https://codeload.github.com/AmeyKuradeAK/ntrn/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmeyKuradeAK%2Fntrn/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279013945,"owners_count":26085431,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-13T02:00:06.723Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cli","cli-app","nextjs","nodejs","react-native"],"created_at":"2025-04-07T14:29:11.066Z","updated_at":"2025-10-13T06:06:16.089Z","avatar_url":"https://github.com/AmeyKuradeAK.png","language":"JavaScript","funding_links":["https://github.com/sponsors/AmeyKuradeAK"],"categories":[],"sub_categories":[],"readme":"# \u003cdiv align=\"center\"\u003e🚀 **NTRN v4.1.2 - Professional Next.js to React Native Converter** 🚀\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n\u003c!-- Animated Main Title --\u003e\n\u003cimg src=\"https://readme-typing-svg.herokuapp.com?font=Orbitron\u0026size=35\u0026duration=3000\u0026pause=1000\u0026color=00D4FF\u0026center=true\u0026vCenter=true\u0026width=1000\u0026height=100\u0026lines=PROFESSIONAL+AI-POWERED+CONVERTER;MISTRAL+AI+%2B+GEMINI+2.0+FLASH;OFFICIAL+EXPO+REACT+NATIVE\" alt=\"Typing SVG\" /\u003e\n\n\u003c!-- Epic Logo Animation --\u003e\n\u003cimg src=\"https://media.giphy.com/media/26tn33aiTi1jkl6H6/giphy.gif\" width=\"100\" /\u003e\n\n\u003c!-- Matrix Rain Effect --\u003e\n\u003cimg src=\"https://capsule-render.vercel.app/api?type=waving\u0026color=0:00D4FF,50:0080FF,100:8A2BE2\u0026height=200\u0026section=header\u0026text=NTRN%20v4.1.2\u0026fontSize=50\u0026fontColor=fff\u0026animation=twinkling\u0026fontAlignY=35\u0026desc=Transform%20Next.js%20to%20Official%20Expo%20SDK%2053%20React%20Native\u0026descAlignY=55\u0026descAlign=50\" /\u003e\n\n\u003c!-- ASCII Art --\u003e\n```bash\n  _   _ _____ ____  _   _ \n | \\ | |_   _|  _ \\| \\ | |\n |  \\| | | | | |_) |  \\| |\n | |\\  | | | |  _ \u003c| |\\  |\n |_| \\_| |_| |_| \\_\\_| \\_|\n```\n\n\u003c/div\u003e\n\n\u003c!-- Holographic Divider --\u003e\n\u003cimg src=\"https://media.giphy.com/media/3oKIPEqDGUULpEU0aQ/giphy.gif\" width=\"1000\"\u003e\n\n## \u003cdiv align=\"center\"\u003e🌟 **PROFESSIONAL AI-POWERED CONVERTER** 🌟\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n\u003c!-- Live Status Badges with Animations --\u003e\n\u003cimg src=\"https://img.shields.io/badge/Version-v4.1.2-00D4FF?style=for-the-badge\u0026logo=rocket\u0026logoColor=white\u0026labelColor=000000\" /\u003e\n\u003cimg src=\"https://img.shields.io/badge/Expo_Ready-100%25-00FF88?style=for-the-badge\u0026logo=expo\u0026logoColor=white\u0026labelColor=000000\" /\u003e\n\u003cimg src=\"https://img.shields.io/badge/AI_Powered-Mistral%20%2B%20Gemini-FFD700?style=for-the-badge\u0026logo=brain\u0026logoColor=white\u0026labelColor=000000\" /\u003e\n\u003cimg src=\"https://img.shields.io/badge/TypeScript-First-FF6B6B?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\u0026labelColor=000000\" /\u003e\n\n\u003c!-- Dynamic Stats --\u003e\n\u003cimg src=\"https://komarev.com/ghpvc/?username=ntrn-enhanced\u0026color=00D4FF\u0026style=for-the-badge\u0026label=CONVERSIONS\" /\u003e\n\u003cimg src=\"https://img.shields.io/github/stars/AmeyKuradeAK/ntrn?style=for-the-badge\u0026logo=star\u0026logoColor=FFD700\u0026color=FFD700\u0026labelColor=000000\" /\u003e\n\u003cimg src=\"https://img.shields.io/github/license/AmeyKuradeAK/ntrn?style=for-the-badge\u0026logo=apache\u0026logoColor=white\u0026color=8A2BE2\u0026labelColor=000000\" /\u003e\n\u003cimg src=\"https://img.shields.io/npm/v/ntrn.svg?style=for-the-badge\u0026logo=npm\u0026logoColor=white\u0026color=CB3837\u0026labelColor=000000\" /\u003e\n\n\u003c/div\u003e\n\n\u003c!-- Neon Separator --\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/JIX9t2j0ZTN9S/giphy.gif\" width=\"800\"\u003e\n\u003c/div\u003e\n\n## 🚀 **WHAT'S NEW IN v4.1.2 - EXPO SDK 53 COMPATIBILITY**\n\n\u003cdiv align=\"center\"\u003e\n\n\u003c!-- Feature Cards with Animations --\u003e\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/xTiTnxpQ3ghPiB2Hp6/giphy.gif\" width=\"50\"\u003e\u003cbr\u003e\n\u003cb\u003e🧠 MISTRAL AI + GEMINI\u003c/b\u003e\u003cbr\u003e\n\u003csub\u003eProfessional Dual AI System\u003c/sub\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/13GIgrGdslD9oQ/giphy.gif\" width=\"50\"\u003e\u003cbr\u003e\n\u003cb\u003e📱 EXPO SDK 53\u003c/b\u003e\u003cbr\u003e\n\u003csub\u003eLatest React 19 + RN 0.79\u003c/sub\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/26ufdipQqU2lhNA4g/giphy.gif\" width=\"50\"\u003e\u003cbr\u003e\n\u003cb\u003e🎯 INTELLIGENT ANALYSIS\u003c/b\u003e\u003cbr\u003e\n\u003csub\u003eDeep Project Understanding\u003c/sub\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/67ThRZlYBvibtdF9JH/giphy.gif\" width=\"50\"\u003e\u003cbr\u003e\n\u003cb\u003e🔧 AUTO-FIXING\u003c/b\u003e\u003cbr\u003e\n\u003csub\u003eSmart Error Resolution\u003c/sub\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/3ornka9rAaKRA2Rkac/giphy.gif\" width=\"50\"\u003e\u003cbr\u003e\n\u003cb\u003e✅ PRODUCTION-READY\u003c/b\u003e\u003cbr\u003e\n\u003csub\u003eEnterprise-Grade Code\u003c/sub\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/3o7TKtnuHOHHUjR38Y/giphy.gif\" width=\"50\"\u003e\u003cbr\u003e\n\u003cb\u003e🚀 INSTANT TESTING\u003c/b\u003e\u003cbr\u003e\n\u003csub\u003eWorks with expo start\u003c/sub\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c/div\u003e\n\n\u003c!-- Lightning Effect --\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/xTiTnHXbNWbg0Gedhu/giphy.gif\" width=\"1000\"\u003e\n\u003c/div\u003e\n\n## 🎯 **CRITICAL UPDATE: EXPO SDK 53 COMPATIBILITY**\n\n\u003cdiv align=\"center\"\u003e\n\n\u003c!-- Compatibility Alert --\u003e\n\u003cimg src=\"https://media.giphy.com/media/3o6ZtpWvwnhf34Xxio/giphy.gif\" width=\"80\"\u003e\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd align=\"center\" bgcolor=\"#001122\" style=\"padding: 20px; border-radius: 10px;\"\u003e\n\u003ch3\u003e🚀 \u003cb\u003eIMMEDIATE EXPO GO COMPATIBILITY\u003c/b\u003e\u003c/h3\u003e\n\u003cp\u003e\u003cb\u003eFixed Issue:\u003c/b\u003e \"Project is incompatible with the version of EXPO Go\"\u003c/p\u003e\n\u003cp\u003e\u003cb\u003eSolution:\u003c/b\u003e Updated to Expo SDK 53 for full Expo Go compatibility\u003c/p\u003e\n\u003cbr\u003e\n\u003ch4\u003e📋 \u003cb\u003eWhat Changed:\u003c/b\u003e\u003c/h4\u003e\n\u003cul align=\"left\" style=\"color: #00D4FF;\"\u003e\n\u003cli\u003e📦 \u003cb\u003eExpo SDK:\u003c/b\u003e 51 → \u003cb\u003e53\u003c/b\u003e (Latest)\u003c/li\u003e\n\u003cli\u003e⚛️ \u003cb\u003eReact:\u003c/b\u003e 18.2 → \u003cb\u003e19.0\u003c/b\u003e (New features)\u003c/li\u003e\n\u003cli\u003e📱 \u003cb\u003eReact Native:\u003c/b\u003e 0.74.5 → \u003cb\u003e0.79.0\u003c/b\u003e (Performance boost)\u003c/li\u003e\n\u003cli\u003e🧭 \u003cb\u003eReact Navigation:\u003c/b\u003e v6 → \u003cb\u003ev7\u003c/b\u003e (Enhanced APIs)\u003c/li\u003e\n\u003cli\u003e🏗️ \u003cb\u003eNew Architecture:\u003c/b\u003e Enabled by default\u003c/li\u003e\n\u003cli\u003e🔧 \u003cb\u003eTypeScript:\u003c/b\u003e Updated to 5.8.3\u003c/li\u003e\n\u003c/ul\u003e\n\u003cbr\u003e\n\u003ch4\u003e✅ \u003cb\u003eImmediate Benefits:\u003c/b\u003e\u003c/h4\u003e\n\u003cul align=\"left\" style=\"color: #00FF88;\"\u003e\n\u003cli\u003e🚀 Works with \u003ccode\u003enpx expo start --tunnel\u003c/code\u003e immediately\u003c/li\u003e\n\u003cli\u003e📱 Compatible with current Expo Go app\u003c/li\u003e\n\u003cli\u003e🏗️ Future-proof with New Architecture\u003c/li\u003e\n\u003cli\u003e⚡ Better performance with React 19\u003c/li\u003e\n\u003cli\u003e🛡️ Production-ready out of the box\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c/div\u003e\n\n\u003c!-- Holographic Divider --\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/3oKIPEqDGUULpEU0aQ/giphy.gif\" width=\"1000\"\u003e\n\u003c/div\u003e\n\n## ✨ **PROFESSIONAL FEATURES**\n\n\u003cdiv align=\"center\"\u003e\n\n\u003c!-- Animated Feature Grid --\u003e\n\u003ctable\u003e\n\u003ctr align=\"center\"\u003e\n\u003ctd colspan=\"3\"\u003e\n\u003cimg src=\"https://readme-typing-svg.herokuapp.com?font=Fira+Code\u0026size=24\u0026duration=2000\u0026pause=1000\u0026color=00D4FF\u0026center=true\u0026vCenter=true\u0026width=800\u0026height=50\u0026lines=🔄+INTELLIGENT+CONVERSION;📱+EXPO+REACT+NATIVE;🧭+REACT+NAVIGATION+6;🛠+TYPESCRIPT+FIRST;🤖+AI+ASSISTANT;🌐+API+ROUTES+TO+SERVICES\" alt=\"Features\" /\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd align=\"center\" width=\"33%\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/l46Cy1rHbQ92uuLXa/giphy.gif\" width=\"80\"\u003e\u003cbr\u003e\n\u003ch3\u003e🧠 AI INTELLIGENCE\u003c/h3\u003e\n\u003cul align=\"left\"\u003e\n\u003cli\u003e🎯 Project Structure Analysis\u003c/li\u003e\n\u003cli\u003e🔍 Technology Stack Detection\u003c/li\u003e\n\u003cli\u003e🗺️ Strategic Conversion Planning\u003c/li\u003e\n\u003cli\u003e🔧 Auto-Fixing with User Consent\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" width=\"33%\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/26BRBKqUiq586bRVm/giphy.gif\" width=\"80\"\u003e\u003cbr\u003e\n\u003ch3\u003e📱 EXPO STRUCTURE\u003c/h3\u003e\n\u003cul align=\"left\"\u003e\n\u003cli\u003e📦 Expo SDK 53 + React Native 0.79\u003c/li\u003e\n\u003cli\u003e🧭 React Navigation 7 + New Architecture\u003c/li\u003e\n\u003cli\u003e📝 Complete TypeScript Config\u003c/li\u003e\n\u003cli\u003e🎨 Mobile-First Components\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" width=\"33%\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/12Nv3nBSCAbLO0/giphy.gif\" width=\"80\"\u003e\u003cbr\u003e\n\u003ch3\u003e🏗️ ARCHITECTURE\u003c/h3\u003e\n\u003cul align=\"left\"\u003e\n\u003cli\u003e📱 Pages → Screens Conversion\u003c/li\u003e\n\u003cli\u003e🌐 API Routes → Services\u003c/li\u003e\n\u003cli\u003e🔗 Context Providers Setup\u003c/li\u003e\n\u003cli\u003e📂 Professional File Structure\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c/div\u003e\n\n\u003c!-- Plasma Effect --\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/3ov9jLsBqPh6rjuHuM/giphy.gif\" width=\"1000\"\u003e\n\u003c/div\u003e\n\n## 🤖 **INTERACTIVE AI ASSISTANT - POWERED BY MISTRAL AI \u0026 GEMINI**\n\n\u003cdiv align=\"center\"\u003e\n\n\u003c!-- AI Demo GIF --\u003e\n\u003cimg src=\"https://media.giphy.com/media/3o7bu3hSXkNBkRaGqs/giphy.gif\" width=\"100\"\u003e\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd align=\"center\" width=\"50%\"\u003e\n\u003ch3\u003e🤖 WHAT YOU CAN ASK:\u003c/h3\u003e\n\u003cul align=\"left\"\u003e\n\u003cli\u003e\u003ci\u003e\"Add a shopping cart screen\"\u003c/i\u003e\u003c/li\u003e\n\u003cli\u003e\u003ci\u003e\"Create user authentication flow\"\u003c/i\u003e\u003c/li\u003e\n\u003cli\u003e\u003ci\u003e\"Fix conversion issues\"\u003c/i\u003e\u003c/li\u003e\n\u003cli\u003e\u003ci\u003e\"Add navigation to screens\"\u003c/i\u003e\u003c/li\u003e\n\u003cli\u003e\u003ci\u003e\"Convert API routes to services\"\u003c/i\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" width=\"50%\"\u003e\n\u003ch3\u003e✨ AI FEATURES:\u003c/h3\u003e\n\u003cul align=\"left\"\u003e\n\u003cli\u003e🎯 \u003cb\u003eProject-aware\u003c/b\u003e - Understands your conversion\u003c/li\u003e\n\u003cli\u003e📱 \u003cb\u003eMobile-optimized\u003c/b\u003e - Perfect React Native code\u003c/li\u003e\n\u003cli\u003e🔄 \u003cb\u003eAuto-detection\u003c/b\u003e - Finds failed conversions\u003c/li\u003e\n\u003cli\u003e⚡ \u003cb\u003eSmart fixes\u003c/b\u003e - Real-time error resolution\u003c/li\u003e\n\u003cli\u003e🛡️ \u003cb\u003eSafe operations\u003c/b\u003e - User consent required\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c/div\u003e\n\n\u003c!-- Holographic Terminal --\u003e\n\u003cdiv align=\"center\"\u003e\n\n```bash\n🤖 You: ntrn --prompt\n🤖 NTRN: Analyzing your project... Found 3 failed conversions!\n🤖 NTRN: Would you like me to fix them?\n\n🤖 You: yes\n🤖 NTRN: Fixing rate limit issues and syntax errors...\n📄 Fixed: src/screens/ProfileScreen.tsx\n📄 Fixed: src/services/AuthService.ts\n✅ All conversions completed successfully!\n\n🤖 You: Add dark mode support\n🤖 NTRN: Creating theme system...\n📄 Created: src/contexts/ThemeContext.tsx\n📝 Modified: App.tsx\n✅ Dark mode ready with toggle functionality!\n```\n\n\u003c/div\u003e\n\n\u003c!-- Cyber Divider --\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/5QLOpGuwE8U7T8HfZC/giphy.gif\" width=\"800\"\u003e\n\u003c/div\u003e\n\n## 🎨 **SHADCN/UI MAGIC CONVERSION**\n\n\u003cdiv align=\"center\"\u003e\n\n\u003c!-- Before/After Showcase --\u003e\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd align=\"center\" width=\"50%\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/du3J3cXyzhj75IOgvA/giphy.gif\" width=\"50\"\u003e\u003cbr\u003e\n\u003cb\u003e🌐 BEFORE (Next.js)\u003c/b\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" width=\"50%\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/fwbZnTftCXVocKzfxR/giphy.gif\" width=\"50\"\u003e\u003cbr\u003e\n\u003cb\u003e📱 AFTER (React Native)\u003c/b\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c/div\u003e\n\n\u003c!-- Code Showcase with Syntax Highlighting --\u003e\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd width=\"50%\"\u003e\n\n**Next.js Code:**\n```tsx\nimport { Button } from \"@/components/ui/button\"\nimport { Card, CardHeader, CardTitle, CardContent } from \"@/components/ui/card\"\nimport { Input } from \"@/components/ui/input\"\n\nexport function LoginForm() {\n  return (\n    \u003cCard className=\"w-full max-w-sm\"\u003e\n      \u003cCardHeader\u003e\n        \u003cCardTitle\u003eSign In\u003c/CardTitle\u003e\n      \u003c/CardHeader\u003e\n      \u003cCardContent className=\"space-y-4\"\u003e\n        \u003cInput type=\"email\" placeholder=\"Enter email\" /\u003e\n        \u003cButton className=\"w-full\" onClick={handleLogin}\u003e\n          Sign In\n        \u003c/Button\u003e\n      \u003c/CardContent\u003e\n    \u003c/Card\u003e\n  )\n}\n```\n\n\u003c/td\u003e\n\u003ctd width=\"50%\"\u003e\n\n**React Native Code:**\n```tsx\nimport React from 'react';\nimport { View, Text, TextInput, TouchableOpacity, StyleSheet } from 'react-native';\n\nexport function LoginForm() {\n  return (\n    \u003cView style={styles.card}\u003e\n      \u003cView style={styles.cardHeader}\u003e\n        \u003cText style={styles.cardTitle}\u003eSign In\u003c/Text\u003e\n      \u003c/View\u003e\n      \u003cView style={styles.cardContent}\u003e\n        \u003cTextInput\n          style={styles.input}\n          placeholder=\"Enter email\"\n          keyboardType=\"email-address\"\n          autoCapitalize=\"none\"\n        /\u003e\n        \u003cTouchableOpacity \n          style={styles.button}\n          onPress={handleLogin}\n          activeOpacity={0.7}\n        \u003e\n          \u003cText style={styles.buttonText}\u003eSign In\u003c/Text\u003e\n        \u003c/TouchableOpacity\u003e\n      \u003c/View\u003e\n    \u003c/View\u003e\n  );\n}\n// + Comprehensive styles automatically generated\n```\n\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- Electric Separator --\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/3ohs4BSacFKI7A717y/giphy.gif\" width=\"1000\"\u003e\n\u003c/div\u003e\n\n## ⚡ **INSTALLATION \u0026 SETUP**\n\n\u003cdiv align=\"center\"\u003e\n\n\u003c!-- Requirements Animation --\u003e\n\u003cimg src=\"https://readme-typing-svg.herokuapp.com?font=Fira+Code\u0026size=20\u0026duration=2000\u0026pause=1000\u0026color=FFD700\u0026center=true\u0026vCenter=true\u0026width=600\u0026height=50\u0026lines=Node.js+%E2%9C%85;Mistral+AI+%E2%9C%85;Expo+CLI+%E2%9C%85;Ready+to+Rock!+🚀\" alt=\"Requirements\" /\u003e\n\n\u003c/div\u003e\n\n### 🚀 **Quick Install:**\n\n```bash\n# Install globally\nnpm install -g ntrn@latest\n\n# Or clone and setup\ngit clone https://github.com/AmeyKuradeAK/ntrn.git\ncd ntrn\nnpm install\nnpm link\n```\n\n### ⚡ **First Time Setup:**\n\n```bash\n# Run NTRN - it will guide you through setup\nntrn\n\n# Choose your AI provider (Mistral AI recommended)\n# Enter your API key when prompted\n# Keys are saved automatically for future use\n```\n\n**Requirements:**\n1. Node.js 18+ (Latest LTS)\n2. Mistral AI API Key (Recommended) or Gemini API Key\n3. Expo CLI for testing converted projects\n\n\u003c!-- Animated Separator --\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/xUOrw5LIxb8S9X1LqM/giphy.gif\" width=\"800\"\u003e\n\u003c/div\u003e\n\n## 🎯 **PROFESSIONAL CONVERSION MODES**\n\n\u003cdiv align=\"center\"\u003e\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd align=\"center\" width=\"33%\"\u003e\n🧠\u003cbr\u003e\n\u003ch3\u003e🧠 PROFESSIONAL AI\u003c/h3\u003e\n\u003ccode\u003entrn\u003c/code\u003e\u003cbr\u003e\u003cbr\u003e\n\u003cul align=\"left\"\u003e\n\u003cli\u003e🎯 Intelligent analysis\u003c/li\u003e\n\u003cli\u003e🔧 Auto-fixing\u003c/li\u003e\n\u003cli\u003e📱 Official Expo structure\u003c/li\u003e\n\u003cli\u003e🏗️ Production-ready code\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" width=\"33%\"\u003e\n🎨\u003cbr\u003e\n\u003ch3\u003e🎨 LEGACY MODE\u003c/h3\u003e\n\u003ccode\u003entrn --legacy\u003c/code\u003e\u003cbr\u003e\u003cbr\u003e\n\u003cul align=\"left\"\u003e\n\u003cli\u003e📁 File-by-file conversion\u003c/li\u003e\n\u003cli\u003e📂 Directory selection\u003c/li\u003e\n\u003cli\u003e🏗️ Basic Expo setup\u003c/li\u003e\n\u003cli\u003e🔄 Traditional approach\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" width=\"33%\"\u003e\n🤖\u003cbr\u003e\n\u003ch3\u003e🤖 AI ASSISTANT\u003c/h3\u003e\n\u003ccode\u003entrn --prompt\u003c/code\u003e\u003cbr\u003e\u003cbr\u003e\n\u003cul align=\"left\"\u003e\n\u003cli\u003e💬 Interactive AI chat\u003c/li\u003e\n\u003cli\u003e🔍 Auto-detects issues\u003c/li\u003e\n\u003cli\u003e⚡ Real-time fixes\u003c/li\u003e\n\u003cli\u003e🛠️ Project enhancement\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c/div\u003e\n\n### **🎯 Choose Your Workflow:**\n\n**For Professional Conversion (Recommended):**\n```bash\ncd my-nextjs-app\nntrn                    # Professional AI conversion\n```\n\n**For Interactive Development:**\n```bash\nntrn --prompt          # AI assistant mode\n```\n\n**For Traditional Approach:**\n```bash\nntrn --legacy          # Legacy file-by-file conversion\n```\n\n### **🔄 Switch AI Providers:**\n```bash\nntrn --switch-provider  # Switch between Mistral AI and Gemini\n```\n\n**For AI-Powered Development:**\n```bash\ncd my-react-native-app\nntrn --prompt          # ChatGPT-like assistance\n```\n\n\u003c!-- Matrix Effect --\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/3oKIPCdBP7dGDxPJ8Q/giphy.gif\" width=\"1000\"\u003e\n\u003c/div\u003e\n\n## 💰 **PRICING \u0026 TOKEN USAGE**\n\n\u003cdiv align=\"center\"\u003e\n\n\u003c!-- Pricing Animation --\u003e\n\u003cimg src=\"https://readme-typing-svg.herokuapp.com?font=Orbitron\u0026size=25\u0026duration=3000\u0026pause=1000\u0026color=00FF88\u0026center=true\u0026vCenter=true\u0026width=800\u0026height=60\u0026lines=TRANSPARENT+PRICING;REAL-TIME+TOKEN+TRACKING;COST+OPTIMIZATION+BUILT-IN\" alt=\"Pricing\" /\u003e\n\n\u003c!-- Pricing Table --\u003e\n\u003ctable\u003e\n\u003ctr align=\"center\"\u003e\n\u003ctd\u003e\u003cb\u003e📊 PROJECT SIZE\u003c/b\u003e\u003c/td\u003e\n\u003ctd\u003e\u003cb\u003e💰 COST RANGE\u003c/b\u003e\u003c/td\u003e\n\u003ctd\u003e\u003cb\u003e📁 FILES\u003c/b\u003e\u003c/td\u003e\n\u003ctd\u003e\u003cb\u003e⚡ SPEED\u003c/b\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr align=\"center\"\u003e\n\u003ctd\u003e🔹 Small Projects\u003c/td\u003e\n\u003ctd\u003e$0.005-$0.009\u003c/td\u003e\n\u003ctd\u003e5-15 files\u003c/td\u003e\n\u003ctd\u003e⚡ Instant\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr align=\"center\"\u003e\n\u003ctd\u003e🔸 Medium Projects\u003c/td\u003e\n\u003ctd\u003e$0.015-$0.030\u003c/td\u003e\n\u003ctd\u003e20-50 files\u003c/td\u003e\n\u003ctd\u003e⚡⚡ Fast\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr align=\"center\"\u003e\n\u003ctd\u003e🔶 Large Projects\u003c/td\u003e\n\u003ctd\u003e$0.041-$0.088\u003c/td\u003e\n\u003ctd\u003e50-150 files\u003c/td\u003e\n\u003ctd\u003e⚡⚡⚡ Quick\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr align=\"center\"\u003e\n\u003ctd\u003e💎 Enterprise\u003c/td\u003e\n\u003ctd\u003e$0.119-$0.288\u003c/td\u003e\n\u003ctd\u003e150+ files\u003c/td\u003e\n\u003ctd\u003e🚀 Blazing\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c/div\u003e\n\n\u003c!-- Holographic Effect --\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/QpVUMRUJGokfqXyfa1/giphy.gif\" width=\"800\"\u003e\n\u003c/div\u003e\n\n## 📚 **DOCUMENTATION UNIVERSE**\n\n\u003cdiv align=\"center\"\u003e\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd align=\"center\" width=\"33%\"\u003e\n🤖\u003cbr\u003e\n\u003ca href=\"./INTERACTIVE_AI_ASSISTANT.md\"\u003e\u003cb\u003e🤖 AI Assistant Guide\u003c/b\u003e\u003c/a\u003e\u003cbr\u003e\n\u003csub\u003eComplete ChatGPT-like CLI docs\u003c/sub\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" width=\"33%\"\u003e\n🎯\u003cbr\u003e\n\u003ca href=\"./QUALITY_IMPROVEMENT_DEMO.md\"\u003e\u003cb\u003e🎯 Quality Demo\u003c/b\u003e\u003c/a\u003e\u003cbr\u003e\n\u003csub\u003eEnhanced fix verification system\u003c/sub\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" width=\"33%\"\u003e\n🏆\u003cbr\u003e\n\u003ca href=\"./PERFECT_CONVERSION_DEMO.md\"\u003e\u003cb\u003e🏆 Perfect Conversion\u003c/b\u003e\u003c/a\u003e\u003cbr\u003e\n\u003csub\u003e100% working React Native examples\u003c/sub\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd align=\"center\"\u003e\n🌐\u003cbr\u003e\n\u003ca href=\"./WEB_API_CONVERSION_GUIDE.md\"\u003e\u003cb\u003e🌐 Web API Guide\u003c/b\u003e\u003c/a\u003e\u003cbr\u003e\n\u003csub\u003eComplete web to native conversion\u003c/sub\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\"\u003e\n🎨\u003cbr\u003e\n\u003ca href=\"./SHADCN_CONVERSION_GUIDE.md\"\u003e\u003cb\u003e🎨 Shadcn Guide\u003c/b\u003e\u003c/a\u003e\u003cbr\u003e\n\u003csub\u003eAutomatic component conversion\u003c/sub\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\"\u003e\n💰\u003cbr\u003e\n\u003ca href=\"./TOKEN_USAGE_PRICING_GUIDE.md\"\u003e\u003cb\u003e💰 Pricing Guide\u003c/b\u003e\u003c/a\u003e\u003cbr\u003e\n\u003csub\u003eComprehensive cost analysis\u003c/sub\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c/div\u003e\n\n\u003c!-- Cosmic Separator --\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/l378AEZceMwWBoEQE/giphy.gif\" width=\"1000\"\u003e\n\u003c/div\u003e\n\n## ⚡ **POWERED BY THE BEST**\n\n\u003cdiv align=\"center\"\u003e\n\n\u003ctable\u003e\n\u003ctr align=\"center\"\u003e\n\u003ctd width=\"20%\"\u003e\n🧠\u003cbr\u003e\n\u003ca href=\"https://ai.google.dev/\"\u003e\u003cb\u003eGemini API\u003c/b\u003e\u003c/a\u003e\n\u003c/td\u003e\n\u003ctd width=\"20%\"\u003e\n📱\u003cbr\u003e\n\u003ca href=\"https://expo.dev/\"\u003e\u003cb\u003eExpo\u003c/b\u003e\u003c/a\u003e\n\u003c/td\u003e\n\u003ctd width=\"20%\"\u003e\n🌊\u003cbr\u003e\n\u003ca href=\"https://www.nativewind.dev/\"\u003e\u003cb\u003eNativeWind\u003c/b\u003e\u003c/a\u003e\n\u003c/td\u003e\n\u003ctd width=\"20%\"\u003e\n⚛️\u003cbr\u003e\n\u003ca href=\"https://reactnative.dev/\"\u003e\u003cb\u003eReact Native\u003c/b\u003e\u003c/a\u003e\n\u003c/td\u003e\n\u003ctd width=\"20%\"\u003e\n❤️\u003cbr\u003e\n\u003cb\u003eBuilt with ❤️\u003c/b\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c/div\u003e\n\n\u003c!-- Terminal Demo --\u003e\n## 📸 **Terminal Demo**\n\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"./Public/NTRN.png\" alt=\"NTRN Demo\" /\u003e\n\u003c/div\u003e\n\n\u003c!-- Lightning Footer --\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/3o6nUMRm46ceoDRAd2/giphy.gif\" width=\"800\"\u003e\n\u003c/div\u003e\n\n## 🚀 **ROADMAP TO THE FUTURE**\n\n\u003cdiv align=\"center\"\u003e\n\n\u003ctable\u003e\n\u003ctr align=\"center\"\u003e\n\u003ctd width=\"25%\"\u003e\n🔧\u003cbr\u003e\n\u003cb\u003e🔧 Auto Dependency Install\u003c/b\u003e\u003cbr\u003e\n\u003csub\u003eOptional automatic setup\u003c/sub\u003e\n\u003c/td\u003e\n\u003ctd width=\"25%\"\u003e\n🎨\u003cbr\u003e\n\u003cb\u003e🎨 Full Tailwind Support\u003c/b\u003e\u003cbr\u003e\n\u003csub\u003eComplete class converter\u003c/sub\u003e\n\u003c/td\u003e\n\u003ctd width=\"25%\"\u003e\n⚙️\u003cbr\u003e\n\u003cb\u003e⚙️ CLI Config File\u003c/b\u003e\u003cbr\u003e\n\u003csub\u003ePersistent settings\u003c/sub\u003e\n\u003c/td\u003e\n\u003ctd width=\"25%\"\u003e\n🌙\u003cbr\u003e\n\u003cb\u003e🌙 Dark Mode Everything\u003c/b\u003e\u003cbr\u003e\n\u003csub\u003eREADME and docs\u003c/sub\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c/div\u003e\n\n## 🤝 **CONTRIBUTING**\n\nWe love contributions! Please check out our [CONTRIBUTING.md](CONTRIBUTING.md) before submitting a pull request.\n\n**You can:**\n- 🐛 Open issues\n- 🌟 Suggest new features  \n- 🛠 Improve the CLI or documentation\n\n\u003c!-- Community Section --\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://media.giphy.com/media/L1R1tvI9svkIWwpVYr/giphy.gif\" width=\"1000\"\u003e\n\u003c/div\u003e\n\n## 🌍 **JOIN THE COMMUNITY**\n\n\u003cdiv align=\"center\"\u003e\n\n\u003ctable\u003e\n\u003ctr align=\"center\"\u003e\n\u003ctd width=\"33%\"\u003e\n🗣️\u003cbr\u003e\n\u003ca href=\"https://github.com/AmeyKuradeAK/ntrn/discussions\"\u003e\u003cb\u003e🗣️ GitHub Discussions\u003c/b\u003e\u003c/a\u003e\u003cbr\u003e\n\u003csub\u003eAsk questions \u0026 share ideas\u003c/sub\u003e\n\u003c/td\u003e\n\u003ctd width=\"33%\"\u003e\n🐦\u003cbr\u003e\n\u003ca href=\"https://x.com/KuradeAmey/\"\u003e\u003cb\u003e🐦 X (Twitter)\u003c/b\u003e\u003c/a\u003e\u003cbr\u003e\n\u003csub\u003eFollow for updates\u003c/sub\u003e\n\u003c/td\u003e\n\u003ctd width=\"33%\"\u003e\n🔥\u003cbr\u003e\n\u003ca href=\"https://www.reddit.com/user/Live_Ratio_4906/\"\u003e\u003cb\u003e🔥 Reddit\u003c/b\u003e\u003c/a\u003e\u003cbr\u003e\n\u003csub\u003eJoin discussions\u003c/sub\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c/div\u003e\n\n## 📫 **Stay in Touch**\n\nIf you like this project, show some ❤️\n\n- ⭐ Star the repo  \n- 🐦 Tweet about it  \n- 📢 Share with your team  \n\n\u003c!-- Final Epic Footer --\u003e\n\u003cdiv align=\"center\"\u003e\n\n\u003cimg src=\"https://capsule-render.vercel.app/api?type=waving\u0026color=0:8A2BE2,50:0080FF,100:00D4FF\u0026height=150\u0026section=footer\u0026text=MADE%20WITH%20💙%20BY%20AMEY%20KURADE\u0026fontSize=30\u0026fontColor=fff\u0026animation=twinkling\u0026fontAlignY=65\" /\u003e\n\n\u003c!-- Social Links with Animation --\u003e\n\u003cp\u003e\n\u003ca href=\"https://github.com/AmeyKuradeAK\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://x.com/KuradeAmey/\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/X-000000?style=for-the-badge\u0026logo=x\u0026logoColor=white\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.reddit.com/user/Live_Ratio_4906/\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/Reddit-FF4500?style=for-the-badge\u0026logo=reddit\u0026logoColor=white\" /\u003e\n\u003c/a\u003e\n\u003c/p\u003e\n\n\u003c!-- License Badge --\u003e\n\u003cimg src=\"https://img.shields.io/badge/License-APACHE%202.0-00D4FF?style=for-the-badge\u0026logo=apache\u0026logoColor=white\" /\u003e\n\n\u003c!-- Final Animation --\u003e\n\u003cimg src=\"https://media.giphy.com/media/3o84sv2u7KSHKbwPza/giphy.gif\" width=\"1000\"\u003e\n\n\u003c/div\u003e\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\n### 🚀 **READY TO TRANSFORM YOUR NEXT.JS APP?**\n\n```bash\nnpm install -g ntrn@latest\ncd your-nextjs-project\nntrn\n```\n\n\u003cimg src=\"https://readme-typing-svg.herokuapp.com?font=Orbitron\u0026size=25\u0026duration=2000\u0026pause=1000\u0026color=FFD700\u0026center=true\u0026vCenter=true\u0026width=600\u0026height=50\u0026lines=CONVERT+NOW+%E2%9A%A1;EXPERIENCE+THE+MAGIC+✨;JOIN+THE+FUTURE+🚀\" alt=\"CTA\" /\u003e\n\n\u003c/div\u003e\n\n## 📄 **License**\n\nThis project is licensed under the **APACHE 2.0 License**.  \nDo whatever you want, just give credit.\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\n### **Made with 💙 by [Amey Kurade](https://www.github.com/AmeyKuradeAK)**\n\n\u003c/div\u003e\n\n[![Sponsor](https://img.shields.io/badge/Sponsor-💖-ff69b4?style=for-the-badge)](https://github.com/sponsors/AmeyKuradeAK)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fameykuradeak%2Fntrn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fameykuradeak%2Fntrn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fameykuradeak%2Fntrn/lists"}