{"id":27519570,"url":"https://github.com/naveen05-lang/mintpick","last_synced_at":"2026-04-14T19:31:39.137Z","repository":{"id":287534014,"uuid":"963050565","full_name":"Naveen05-lang/MintPick","owner":"Naveen05-lang","description":"A modern, responsive E-Commerce mobile application with seamless Firebase Authentication, intuitive category-based navigation, and powerful product discovery tools. This app delivers a complete shopping experience with features like real-time search, dynamic sorting \u0026 filtering, and a functional Cart system.","archived":false,"fork":false,"pushed_at":"2025-05-12T03:18:15.000Z","size":299,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-01T07:59:26.284Z","etag":null,"topics":["axios","firebaseauthentication","react","react-native","zustand"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/Naveen05-lang.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,"zenodo":null}},"created_at":"2025-04-09T04:46:27.000Z","updated_at":"2025-05-12T03:18:19.000Z","dependencies_parsed_at":"2025-05-12T04:22:44.995Z","dependency_job_id":"1d842cc6-0e6f-454c-a1c0-5a7eb1c75048","html_url":"https://github.com/Naveen05-lang/MintPick","commit_stats":null,"previous_names":["naveen05-lang/mintpick"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Naveen05-lang/MintPick","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Naveen05-lang%2FMintPick","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Naveen05-lang%2FMintPick/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Naveen05-lang%2FMintPick/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Naveen05-lang%2FMintPick/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Naveen05-lang","download_url":"https://codeload.github.com/Naveen05-lang/MintPick/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Naveen05-lang%2FMintPick/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267613163,"owners_count":24115592,"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-28T02:00:09.689Z","response_time":68,"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":["axios","firebaseauthentication","react","react-native","zustand"],"created_at":"2025-04-18T05:26:00.181Z","updated_at":"2026-04-14T19:31:39.095Z","avatar_url":"https://github.com/Naveen05-lang.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).\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\n\n\n\n# MintPick\n\nA modern, scalable React Native application that brings together e-commerce functionalities using the power of Firebase authentication, state management with Zustand, and robust navigation with React Navigation. MintPick is designed to deliver a smooth user experience for browsing products, managing user sessions, and dynamically filtering and sorting items.\n\n---\n\n## 🚀 Project Overview\n\n**MintPick** is a mobile application designed for product discovery and shopping. It allows users to create an account, sign in, and explore a curated list of products across multiple categories. With a focus on performance and simplicity, the app leverages best-in-class libraries to create an intuitive interface and dynamic browsing experience.\n\n---\n\n## 💡 Key Features\n\n- **User Authentication:**  \n  Secure sign-up, sign-in, and sign-out functionality powered by [Firebase Authentication](https://firebase.google.com/).  \n  *Key File:* `authService.js`\n\n- **Product Browsing:**  \n  Display a list of products using dynamic product cards that show images, titles, and prices.  \n  *Key Components:* `ProductCard`, `ProductListScreen`, `CategoryListScreen`\n\n- **Search \u0026 Filtering:**  \n  Integrated search bar and category filtering allow users to quickly locate and sort products.  \n  *Key Components:* `SearchBar` and built-in filtering in the Zustand store\n\n- **State Management:**  \n  Global state is managed using [Zustand](https://github.com/pmndrs/zustand) for effortless data flow, handling pagination, filtering, and sorting.\n  \n- **Navigation:**  \n  Smooth navigation across screens with [React Navigation](https://reactnavigation.org/), including stack navigation for sign-up, sign-in, category list, and detailed product listings.\n\n---\n\n## ⚙️ Tech Stack \u0026 Dependencies\n\n- **React Native (v0.79.0):**  \n  The framework used for building the mobile application with native-like performance.\n\n- **React (v19.0.0):**  \n  Core library enabling component-driven development.\n\n- **Firebase:**\n  - `@react-native-firebase/app` (v21.13.0)  \n  - `@react-native-firebase/auth` (v21.13.0)  \n  Enables user authentication and app integration with Firebase services.\n\n- **React Navigation:**\n  - `@react-navigation/native` (v7.1.6)\n  - `@react-navigation/native-stack` (v7.3.10)  \n  Provides effortless routing and navigation between screens.\n\n- **UI \u0026 Icon Libraries:**\n  - `react-native-vector-icons` (v10.2.0)  \n    For scalable icons throughout the application.\n  - `@react-native-picker/picker` (v2.11.0)  \n    For selecting filters like sorting and categories.\n\n- **State Management:**\n  - `zustand` (v5.0.3)  \n    Simple and efficient state management with minimal boilerplate.\n\n- **Networking:**\n  - `axios` (v1.8.4)  \n    Used for fetching product data from external APIs (here, from [dummyjson.com](https://dummyjson.com)).\n\n- **Development \u0026 Tooling:**\n  - Babel, ESLint, Prettier, and Jest among others to enforce code quality, formatting, and testing best practices.\n  - TypeScript support for type safety (v5.0.4).\n\n---\n\n## Sign In page\n![Screenshot 2025-05-12 083918](https://github.com/user-attachments/assets/16e0df3f-48f6-47e7-80d6-d9808fdd2d56)\n\n## Sign Up page\n![Screenshot 2025-05-12 083849](https://github.com/user-attachments/assets/43db199a-8c12-4e35-97f1-e2125bbb846e)\n\n## Home Screen\n![Screenshot 2025-05-12 084101](https://github.com/user-attachments/assets/bdb80443-b224-4ecb-9856-ebe3f5f585f1)\n\n## ProductListing Screen\n![Screenshot 2025-05-12 084122](https://github.com/user-attachments/assets/aa859cc6-bc4d-4416-ae21-74bd321d594f)\n\n## Searching \n![Screenshot 2025-05-12 084145](https://github.com/user-attachments/assets/0830194d-785a-4538-a728-210f3b58df3e)\n\n## Sorting\n![Screenshot 2025-05-12 084212](https://github.com/user-attachments/assets/162b4ca6-cb19-4b96-953a-c29547364da7)\n\n## Cart Screen\n![Screenshot 2025-05-12 084309](https://github.com/user-attachments/assets/78d9be24-4ca3-4e7d-b845-f182560d7c7a)\n\n\n\n\n\n## 🛠️ Project Structure\n\n```bash\nMintPick/\n├── auth/\n│   └── authService.js         # Authentication methods using Firebase Auth\n├── components/\n│   ├── ProductCard.js         # Displays product details with image, title, and price\n│   └── SearchBar.js           # Custom search component with integrated icons\n├── screens/\n│   ├── CategoryListScreen.js  # Display categories and navigation to product list\n│   ├── ProductListScreen.js   # List of products with search, sort, and pagination\n│   ├── SignInScreen.js        # Sign in UI and logic\n│   └── SignUpScreen.js        # Sign up UI and logic with validation\n├── store/\n│   └── productStore.js        # State management using Zustand for product data\n├── App.js                     # Entry point integrating navigation and screen flow\n└── package.json               # Dependencies, scripts, and project metadata\n---\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaveen05-lang%2Fmintpick","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnaveen05-lang%2Fmintpick","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaveen05-lang%2Fmintpick/lists"}