{"id":20963337,"url":"https://github.com/nafisrayan/reactnative-browser","last_synced_at":"2025-03-13T07:24:35.634Z","repository":{"id":219472268,"uuid":"749138163","full_name":"NafisRayan/ReactNative-Browser","owner":"NafisRayan","description":"This project is a mobile browser application developed using React Native, designed to provide users with a customized browsing experience on their mobile devices. The application incorporates various features to enhance user interaction and customization.","archived":false,"fork":false,"pushed_at":"2024-12-16T10:44:03.000Z","size":621,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-20T01:31:23.440Z","etag":null,"topics":["android","apk","app","async","browser","expo","ios","mobile","react","react-native","software","ui"],"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/NafisRayan.png","metadata":{"files":{"readme":"Readme.md","changelog":"HistoryModal.js","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":"2024-01-27T17:34:19.000Z","updated_at":"2024-12-16T10:44:07.000Z","dependencies_parsed_at":"2024-05-21T13:49:37.895Z","dependency_job_id":null,"html_url":"https://github.com/NafisRayan/ReactNative-Browser","commit_stats":null,"previous_names":["nafisrayan/reactnative-browser"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NafisRayan%2FReactNative-Browser","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NafisRayan%2FReactNative-Browser/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NafisRayan%2FReactNative-Browser/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NafisRayan%2FReactNative-Browser/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NafisRayan","download_url":"https://codeload.github.com/NafisRayan/ReactNative-Browser/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243360112,"owners_count":20278322,"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","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":["android","apk","app","async","browser","expo","ios","mobile","react","react-native","software","ui"],"created_at":"2024-11-19T02:43:52.085Z","updated_at":"2025-03-13T07:24:35.611Z","avatar_url":"https://github.com/NafisRayan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Mobile Browser Application\n\nThis project is a mobile browser application developed using React Native, designed to provide users with a customized browsing experience on their mobile devices. The application incorporates various features to enhance user interaction and customization.\n\n## Screenshots  \n\nHere are some screenshots of the **Browser** app showcasing its key features and design:  \n\n\u003cimg src=\"/assets/reactBrowser.png\" alt=\"GoFlix Home Screen\" width=\"250\" /\u003e  \n\n## Main Functionalities\n\n1. **Web Content Display**: The core functionality of the application is to display web content within the app. This is achieved using the `WebViewComponent`, which is a React Native component that renders web content.\n\n2. **URL Navigation**: Users can enter a URL or a search query in the provided text input field. The application supports both direct URL entry and search queries, which are automatically converted into a search URL.\n\n3. **Navigation Controls**: The application provides navigation controls such as back, forward, reload, and stop. These controls allow users to navigate through their browsing history or refresh the current page.\n\n4. **Bookmarks**: Users can bookmark pages for easy access later. The application allows adding and removing bookmarks, which are stored in the state.\n\n5. **Browsing History**: The application keeps track of the browsing history, allowing users to view their previously visited pages.\n\n6. **Profile Customization**: Users can customize their profile through the `Profile` component. This feature is accessible through the menu.\n\n7. **Font Size Adjustment**: Users can increase or decrease the font size of the web content displayed in the WebView. This is done by injecting JavaScript into the WebView to adjust the `fontSize` style of the `body` element.\n\n8. **Zoom Control**: The application supports pinch-to-zoom functionality for the WebView content. This is implemented using the `PanResponder` from React Native to detect pinch gestures and adjust the scale of the WebView content accordingly.\n\n## Technologies Used\n\n- **React Native**: The primary framework used for building the mobile application.\n- **Expo**: A set of tools and services built around React Native to help in the development process.\n- **React Native Vector Icons**: Used for displaying icons in the application.\n- **React Native WebView**: A component for displaying web content within the app.\n\n## Codebase Organization\n\nThe project is organized into several components and files, each responsible for a specific functionality or part of the UI. Key components include:\n\n- `App.js`: The main entry point of the application, managing the state and rendering the UI.\n- `WebViewComponent.js`: Component for displaying web content using WebView.\n- `HistoryModal.js`: Component for displaying browsing history.\n- `BookmarkModal.js`: Component for managing bookmarks.\n- `Profile.js`: Component for displaying user profile information.\n- `styles.js`: File containing styles for components.\n\n## Getting Started\n\nTo get started with the project, clone the repository, install the dependencies and start:\n\n```bash\ngit clone \u003crepository-url\u003e\ncd \u003cproject-directory\u003e\nnpm i\nnpm start\n```\n\nTo run the application on an Android or iOS device, use the following commands:\n\n```bash\n# For Android\nexpo start --android\n\n# For iOS\nexpo start --ios\n```\n\n## Contributing\n\nContributions are welcome! Please read the [contributing guidelines](CONTRIBUTING.md) before getting started.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnafisrayan%2Freactnative-browser","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnafisrayan%2Freactnative-browser","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnafisrayan%2Freactnative-browser/lists"}