{"id":20408893,"url":"https://github.com/nehakushwah993/instagram-feed-compose","last_synced_at":"2025-10-07T09:13:38.730Z","repository":{"id":255231676,"uuid":"847439378","full_name":"NehaKushwah993/Instagram-Feed-Compose","owner":"NehaKushwah993","description":"Instagram Feed Clone: A Kotlin \u0026 Jetpack Compose project that replicates the Instagram feed experience. Features video playback based on screen visibility and customizable feed content through local JSON configuration.","archived":false,"fork":false,"pushed_at":"2024-08-28T17:36:47.000Z","size":207,"stargazers_count":4,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"develop","last_synced_at":"2025-09-24T04:40:12.302Z","etag":null,"topics":["android","compose","exoplayer","instagram-clone","json","kotlin"],"latest_commit_sha":null,"homepage":"","language":"Kotlin","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/NehaKushwah993.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":"2024-08-25T20:27:59.000Z","updated_at":"2025-04-21T19:43:37.000Z","dependencies_parsed_at":"2024-08-28T19:35:44.116Z","dependency_job_id":null,"html_url":"https://github.com/NehaKushwah993/Instagram-Feed-Compose","commit_stats":null,"previous_names":["nehakushwah993/instagram-feed-compose"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/NehaKushwah993/Instagram-Feed-Compose","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NehaKushwah993%2FInstagram-Feed-Compose","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NehaKushwah993%2FInstagram-Feed-Compose/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NehaKushwah993%2FInstagram-Feed-Compose/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NehaKushwah993%2FInstagram-Feed-Compose/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NehaKushwah993","download_url":"https://codeload.github.com/NehaKushwah993/Instagram-Feed-Compose/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NehaKushwah993%2FInstagram-Feed-Compose/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278747912,"owners_count":26038810,"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-07T02:00:06.786Z","response_time":59,"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":["android","compose","exoplayer","instagram-clone","json","kotlin"],"created_at":"2024-11-15T05:37:55.261Z","updated_at":"2025-10-07T09:13:38.709Z","avatar_url":"https://github.com/NehaKushwah993.png","language":"Kotlin","funding_links":[],"categories":[],"sub_categories":[],"readme":"# InstagramFeedClone-Compose\n\nHey! Are you searching for how to play videos like Instagram, TikTok, or LinkedIn in Android?\n\nLook no further! This project provides a solution for:\n\nhttps://github.com/user-attachments/assets/bdcea9f1-b9bd-4875-a533-a73b71c91d28\n\n**Instagram-Feed-Compose** is a Jetpack Compose-based Android project designed to replicate the Instagram feed experience. If you're looking for an Instagram feed clone that incorporates modern UI practices and efficient media handling, this project is a perfect fit.\n\n## Features\n\n- **Jetpack Compose**: Utilizes Jetpack Compose for a modern, declarative UI approach.\n- **ExoPlayer Integration**: Employs ExoPlayer for seamless video playback. Videos play based on their visibility percentage on the screen; videos with more than 30% visibility are played, with the most visible video prioritized.\n- **Kotlin**: Developed entirely in Kotlin for a streamlined and robust experience.\n- **Customizable Feed**: \n  - **Feed Data**: Modify the local `feed_data.json` file to include your own video and image links. This enables you to customize the content of the feed to suit your needs.\n- **URL-Based Video/Image**: \n  - **Non-Local Media**: Videos and images themselves are not stored locally; only their URLs are provided in the JSON file. This setup ensures that media is fetched and displayed from external sources, rather than being embedded within the app.\n- **AutoPlay Videos\n\n## Setup\n\n1. **Clone the Repository**\n\n    ```bash\n    git clone https://github.com/yourusername/Instagram-Feed-Compose.git\n    ```\n\n2. **Open the Project**\n\n    Open the project in Android Studio.\n\n3. **Modify Feed Data**\n\n    Edit the `feed_data.json` file located in `src/main/assets/` to include your own video and image URLs. Ensure the JSON includes the `aspect_ratio` for each media item to maintain consistent post sizes. This prevents posts from fluctuating in size after loading videos or images.\n\n4. **Build and Run**\n\n    Build and run the project on an Android device or emulator.\n\n## Usage\n\n- **Home Feed**: Swipe through the feed to view various media items.\n- **Video Playback**: Videos play based on their visible percentage on the screen. The project is configured to play videos with more than 30% visibility. This threshold is controlled by the `minimumVisibilityPercentageRequiredToPlayVideo` variable, and the video that is the most visible will be prioritized for playback.\n- **Interactive Elements**: Use the like, comment, and share buttons to interact with the content.\n\n## Contributing\n\nFeel free to submit pull requests or open issues if you have suggestions or improvements. Contributions are welcome!\n\n## Upcoming Improvements\n\nStay tuned for more enhancements and features that are on the way!\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnehakushwah993%2Finstagram-feed-compose","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnehakushwah993%2Finstagram-feed-compose","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnehakushwah993%2Finstagram-feed-compose/lists"}