{"id":22369847,"url":"https://github.com/chetannn-github/instagram-react-firebase","last_synced_at":"2026-04-10T07:13:22.738Z","repository":{"id":250997565,"uuid":"835603745","full_name":"chetannn-github/instagram-react-firebase","owner":"chetannn-github","description":"Social Media Website using React \u0026 Firebase.","archived":false,"fork":false,"pushed_at":"2024-09-03T14:30:09.000Z","size":9894,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-08T14:42:25.541Z","etag":null,"topics":["firebase","firebase-database","react-router-dom","reacthottoast","reactjs","redux","responsive-web-design","tailwind-css"],"latest_commit_sha":null,"homepage":"https://ig-k2wa.onrender.com/","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/chetannn-github.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-07-30T07:05:30.000Z","updated_at":"2024-10-05T10:43:04.000Z","dependencies_parsed_at":"2024-12-04T19:41:52.205Z","dependency_job_id":null,"html_url":"https://github.com/chetannn-github/instagram-react-firebase","commit_stats":null,"previous_names":["chetannn-github/instagram-react-firebase"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/chetannn-github/instagram-react-firebase","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chetannn-github%2Finstagram-react-firebase","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chetannn-github%2Finstagram-react-firebase/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chetannn-github%2Finstagram-react-firebase/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chetannn-github%2Finstagram-react-firebase/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chetannn-github","download_url":"https://codeload.github.com/chetannn-github/instagram-react-firebase/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chetannn-github%2Finstagram-react-firebase/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266496608,"owners_count":23938714,"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-22T02:00:09.085Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"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":["firebase","firebase-database","react-router-dom","reacthottoast","reactjs","redux","responsive-web-design","tailwind-css"],"created_at":"2024-12-04T19:29:24.916Z","updated_at":"2026-04-10T07:13:22.700Z","avatar_url":"https://github.com/chetannn-github.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Instagram Clone\n ## A React-based Instagram clone with Firebase authentication, Google OAuth, and Firebase database, storage, and Tailwind CSS for styling.\n\n### Auth Page\n![Preview Image 1](/public/preview/preview0.png)\n\n### Feed (Desktop )\n![Preview Image 2](/public/preview/preview1.png)\n\n### Feed (Tabs )\n![Preview Image 3](/public/preview/preview2.png)\n\n### Search\n![Preview Image 4](/public/preview/preview3.png)\n\n### Create Post\n![Preview Image 5](/public/preview/preview4.png)\n###  Profile\n![Preview Image 5](/public/preview/preview5.png)\n\n\n## Features\n\n\n### v1.0\n* **Responsive Design**✅\n * **Cool NavBar on Mobile**✅\n    \n* **Firebase Authentication**✅\n* **Google OAuth**✅\n  \n  \n* **Feed Page**✅\n* **Create Post**✅\n* **Like Post**✅\n* **Delete Post**✅\n  \n* **Profile Page**✅\n* **Update Profile**✅\n* **Suggest Users**✅\n* **Search Users**✅\n* **Follow/Unfollow User**✅\n  \n\n## Upcoming Plans\n----------\n\n### v2.0\n* **Image Popup at Profile** ✅\n* **Username Validation on updating Profile**\n* **Comment System**\n* **Followers and Followings List**\n* **List  Saved and Liked Post**\n* **Update Password**\n\n\n### v3.0\n\n* **Chat Messages**\n* **Reels**\n* **Public \u0026 Private Account**\n* **Story**\n## Tech Stack\n-------------\n\n* React\n* Firebase\n\t+ Authentication\n\t+ Database\n\t+ Storage\n* Tailwind CSS\n* React Router DOM\n* React-Hot-Toast\n\n## Getting Started\n---------------\n\n\n### Setup firebase.js file\n\n```js\nimport { initializeApp } from \"firebase/app\";\nimport { getAuth } from \"firebase/auth\";\nimport { getFirestore } from \"firebase/firestore\";\nimport { getStorage } from \"firebase/storage\";\n\nconst firebaseConfig = {\n  apiKey: ,\n  authDomain:,\n  projectId:,\n  storageBucket: ,\n  messagingSenderId: ,\n  appId: ,\n  measurementId: \n};\nconst app = initializeApp(firebaseConfig);\nconst firestore = getFirestore(app);\nconst storage = getStorage(app);\nexport const auth = getAuth(app);\nexport {firestore, storage};\n\n\n\n\n```\n\n### Install dependencies\n\n```shell\nnpm install\n```\n\n### Start the app\n\n```shell\nnpm run dev\n```\n\n\n## Contributing\n------------\n\nContributions are welcome! If you'd like to contribute to this project, please fork the repository and submit a pull request with your changes.\n\n## Acknowledgments\n---------------\n\n* Firebase for providing an amazing platform for building web applications\n* Tailwind CSS for making styling a breeze\n* React Router DOM for simplifying client-side routing\n* React-Hot-Toast for providing a simple and customizable notification system\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchetannn-github%2Finstagram-react-firebase","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchetannn-github%2Finstagram-react-firebase","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchetannn-github%2Finstagram-react-firebase/lists"}