{"id":21051562,"url":"https://github.com/pskinnertech/threads-feed-clone","last_synced_at":"2026-04-28T13:33:39.700Z","repository":{"id":203833824,"uuid":"710425140","full_name":"PSkinnerTech/threads-feed-clone","owner":"PSkinnerTech","description":"This clone of threads feed serves as a purpose of learning several practices, including: social media feed development in an Expo App, basics of dynamics routing, creating dummy data with faker.io, and utilizing JSON graphics for timeline refresh.","archived":false,"fork":false,"pushed_at":"2023-10-26T20:42:29.000Z","size":857,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-01T11:05:15.627Z","etag":null,"topics":["dummy-data-generator","expo","expo-router"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/PSkinnerTech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-10-26T17:00:34.000Z","updated_at":"2023-10-26T20:39:43.000Z","dependencies_parsed_at":null,"dependency_job_id":"f6a510fc-ec25-4907-9bb7-7034143f805d","html_url":"https://github.com/PSkinnerTech/threads-feed-clone","commit_stats":{"total_commits":6,"total_committers":1,"mean_commits":6.0,"dds":0.0,"last_synced_commit":"558155aaf41c168d0522eab645a9f3447cb8f382"},"previous_names":["pskinnertech/threads-feed-clone"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/PSkinnerTech/threads-feed-clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PSkinnerTech%2Fthreads-feed-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PSkinnerTech%2Fthreads-feed-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PSkinnerTech%2Fthreads-feed-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PSkinnerTech%2Fthreads-feed-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PSkinnerTech","download_url":"https://codeload.github.com/PSkinnerTech/threads-feed-clone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PSkinnerTech%2Fthreads-feed-clone/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262950337,"owners_count":23389639,"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":["dummy-data-generator","expo","expo-router"],"created_at":"2024-11-19T15:58:15.432Z","updated_at":"2026-04-28T13:33:34.643Z","avatar_url":"https://github.com/PSkinnerTech.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Threads Feed Clone Tutorial\n\nThis repository showcases a clone of a Threads Feed, using technologies like TypeScript, React Native, and Expo.\n\n![Threads Feed Clone Screenshot](/assets/images/thread-clone-screenshot.png)\n\n## Features\n\n- TypeScript + Expo + React Native Application with dynamic routing using Expo Router.\n- Utilizes JSON Images from Lottie with the help of the \"lottie-react-native\": \"^6.3.1\" package.\n- Generates dummy data with the \"@faker-js/faker\": \"^8.2.0\" library.\n\n## Not Included\n\n- Account login/security/account persistence.\n- Data Storage.\n\n## Prerequisites\n\nBefore cloning and running the application, make sure you have the necessary tools to simulate the application (such as a mobile simulator). Please review [Expo's documentation](https://docs.expo.dev/get-started/installation/) for further guidance.\n\n## Getting Started\n\n1. **Clone the repository:**\n\n   ```bash\n   git clone https://github.com/PSkinnerTech/threads-feed-clone\n   ```\n\n2. **Navigate to the project directory:**\n\n   ```bash\n   cd threads-feed-clone\n   ```\n\n3. **Install dependencies:**\n\n   ```bash\n   yarn\n   ```\n\n4. **Start the project:**\n\n   ```bash\n   npx expo start\n   ```\n\n5. **Simulation:**\n\n   - For iOS simulation, press `i`.\n   - For Android simulation, press `a`.\n\n   Alternatively, you can scan the generated QR code with the Expo Go app on your smartphone. Note: Ensure your smartphone and computer are connected to the same Wi-Fi network.\n\n6. Congratulations! You've successfully cloned and run the application.\n\n## Generating Your Own Dummy Data for Threads\n\nFollow these steps to create dummy data for your social media or Threads:\n\n1. **Create a new directory named `types` at the root of your project.**\n\n2. **Inside the `types` directory, create a file named `threads.ts` and set up your interfaces as follows:**\n\n```typescript\nexport interface Thread {\n  id: string;\n  author: User;\n  content: string;\n  image?: string;\n  replies?: Reply[];\n  repliesCount: number;\n  likesCount: number;\n  mention?: boolean;\n  mentionUser: User;\n  createdAt: string;\n}\n\nexport interface Reply {\n  id: string;\n  author: User;\n  content: string;\n  likes: number;\n  createdAt: string;\n}\n\nexport interface User {\n  id: string;\n  name: string;\n  username: string;\n  verified: boolean;\n  photo: string;\n  bio: string;\n  link?: string;\n  followers?: User[];\n}\n```\n\n3. **Create a new directory named `utils` at the root of your project.**\n\n4. **Inside the `utils` directory, create a file named `generate-dummy-data.ts`.**\n\n5. **Install \"@faker-js/faker\" as a development dependency:**\n\n   ```bash\n   yarn add -D @faker-js/faker\n   ```\n\n   or\n\n   ```bash\n   npm i -D @faker-js/faker\n   ```\n\n6. **Set up your dummy data generation in `generate-dummy-data.ts` as provided in the initial instructions.**\n\n7. With the above steps completed, you can design and structure your project to display the social media timeline as you see fit.\n\n## Conclusion\n\nThis tutorial gives you a foundation for building your Threads Feed application. For further enhancements or functionalities, feel free to modify or extend the existing codebase. Happy Hacking!\n\n## License\n\nThis project is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpskinnertech%2Fthreads-feed-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpskinnertech%2Fthreads-feed-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpskinnertech%2Fthreads-feed-clone/lists"}