{"id":26664398,"url":"https://github.com/uddhav-paudel/up-studio","last_synced_at":"2026-04-16T19:41:55.851Z","repository":{"id":284072057,"uuid":"953727577","full_name":"Uddhav-Paudel/UP-Studio","owner":"Uddhav-Paudel","description":"UP Studio is a react-native mobile app showcasing a personal portfolio with plans to evolve into a lab or studio project. It features performance optimizations, responsive design, and robust development practices, displaying GitHub repositories in an elegant card layout inspired by Uddhav Paudel's Portfolio.","archived":false,"fork":false,"pushed_at":"2025-03-24T01:32:08.000Z","size":450,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-02T16:48:47.500Z","etag":null,"topics":["ai-ml-integration","lazy-loading","mcp-servers","mobile-development","nativewind","performance-optimization","portfolio-app","react-memo","react-native","responsive-design","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Uddhav-Paudel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-24T01:21:38.000Z","updated_at":"2025-03-24T01:32:11.000Z","dependencies_parsed_at":"2025-03-24T02:29:39.324Z","dependency_job_id":"37d1c3e6-e4d3-4fcd-a0dd-048a3aa8517a","html_url":"https://github.com/Uddhav-Paudel/UP-Studio","commit_stats":null,"previous_names":["uddhav-paudel/up-studio"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Uddhav-Paudel/UP-Studio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Uddhav-Paudel%2FUP-Studio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Uddhav-Paudel%2FUP-Studio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Uddhav-Paudel%2FUP-Studio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Uddhav-Paudel%2FUP-Studio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Uddhav-Paudel","download_url":"https://codeload.github.com/Uddhav-Paudel/UP-Studio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Uddhav-Paudel%2FUP-Studio/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267278631,"owners_count":24063252,"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-07-26T02:00:08.937Z","response_time":62,"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":["ai-ml-integration","lazy-loading","mcp-servers","mobile-development","nativewind","performance-optimization","portfolio-app","react-memo","react-native","responsive-design","tailwindcss","typescript"],"created_at":"2025-03-25T16:28:07.336Z","updated_at":"2026-04-16T19:41:55.765Z","avatar_url":"https://github.com/Uddhav-Paudel.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## 🌟 Features\n\n### 🚀 Visionary Goals\n\n- **Portfolio App**: Initially designed as a personal portfolio application.\n- **Future Expansion**: Aiming to integrate AI and ML tools powered by MCP servers for advanced features.\n\n### ⚡ Performance Optimization\n\n- **Lazy Loading**: Efficiently loads components and data to improve performance.\n- **React Memo**: Minimizes unnecessary re-renders for optimized rendering.\n\n### 🎨 Modern UI/UX\n\n- **TailwindCSS with NativeWind**: Implements TailwindCSS for styling using the NativeWind library.\n- **React Native Vector Icons**: Leverages a wide range of icons for an attractive and intuitive interface.\n\n### 🛠️ Robust Development Practices\n\n- **Static Testing**: Ensures code quality with linting and type-checking using TypeScript, Babel, and Metro configurations.\n- **Responsive Design**: Utilizes React Native's FlatList to display responsive and visually appealing cards showcasing public GitHub repositories.\n\n### 🌐 Inspired By\n\nThis project draws inspiration from [Uddhav Paudel's Portfolio](https://portfolio.uddhavpaudel.com.np), bringing the same elegance and functionality to a mobile platform.\n\n## 🛠️ Technologies Used\n\n- **React Native**: For building cross-platform mobile applications.\n- **NativeWind**: For seamless integration of TailwindCSS in React Native.\n- **TypeScript**: For type-safe development.\n- **Metro**: For bundling and configuration.\n- **Babel**: For JavaScript transpilation.\n- **ESLint**: For maintaining code quality.\n- **Jest**: For unit testing.\n\n## Getting Started\n\n\u003e **Note**: Make sure you have completed the [Set Up Your Environment](https://reactnative.dev/docs/set-up-your-environment) guide before proceeding.\n\n### Step 1: Start Metro\n\nFirst, you will need to run **Metro**, the JavaScript build tool for React Native.\n\nTo start the Metro dev server, run the following command from the root of your React Native project:\n\n```sh\n# Using npm\nnpm start\n\n# OR using Yarn\nyarn start\n```\n\n### Step 2: Build and run your app\n\nWith Metro running, open a new terminal window/pane from the root of your React Native project, and use one of the following commands to build and run your Android or iOS app:\n\n#### Android\n\n```sh\n# Using npm\nnpm run android\n\n# OR using Yarn\nyarn android\n```\n\n#### iOS\n\nFor iOS, remember to install CocoaPods dependencies (this only needs to be run on first clone or after updating native deps).\n\nThe first time you create a new project, run the Ruby bundler to install CocoaPods itself:\n\n```sh\nbundle install\n```\n\nThen, and every time you update your native dependencies, run:\n\n```sh\nbundle exec pod install\n```\n\nFor more information, please visit [CocoaPods Getting Started guide](https://guides.cocoapods.org/using/getting-started.html).\n\n```sh\n# Using npm\nnpm run ios\n\n# OR using Yarn\nyarn ios\n```\n\nIf everything is set up correctly, you should see your new app running in the Android Emulator, iOS Simulator, or your connected device.\n\nThis is one way to run your app — you can also build it directly from Android Studio or Xcode.\n\n### Step 3: Modify your app\n\nNow that you have successfully run the app, let's make changes!\n\nOpen `App.tsx` in your text editor of choice and make some changes. When you save, your app will automatically update and reflect these changes — this is powered by [Fast Refresh](https://reactnative.dev/docs/fast-refresh).\n\nWhen you want to forcefully reload, for example to reset the state of your app, you can perform a full reload:\n\n- **Android**: Press the \u003ckbd\u003eR\u003c/kbd\u003e key twice or select **\"Reload\"** from the **Dev Menu**, accessed via \u003ckbd\u003eCtrl\u003c/kbd\u003e + \u003ckbd\u003eM\u003c/kbd\u003e (Windows/Linux) or \u003ckbd\u003eCmd ⌘\u003c/kbd\u003e + \u003ckbd\u003eM\u003c/kbd\u003e (macOS).\n- **iOS**: Press \u003ckbd\u003eR\u003c/kbd\u003e in iOS Simulator.\n\n## Congratulations! :tada:\n\nYou've successfully run and modified your React Native App. :partying_face:\n\n### Now what?\n\n- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).\n- If you're curious to learn more about React Native, check out the [docs](https://reactnative.dev/docs/getting-started).\n\n# Troubleshooting\n\nIf you're having issues getting the above steps to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.\n\n# Learn More\n\nTo learn more about React Native, take a look at the following resources:\n\n- [React Native Website](https://reactnative.dev) - learn more about React Native.\n- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.\n- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.\n- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.\n- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuddhav-paudel%2Fup-studio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fuddhav-paudel%2Fup-studio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuddhav-paudel%2Fup-studio/lists"}