{"id":20879938,"url":"https://github.com/mirayatech/react-instagram-clone","last_synced_at":"2026-04-11T17:05:42.359Z","repository":{"id":110539546,"uuid":"526981974","full_name":"mirayatech/react-instagram-clone","owner":"mirayatech","description":"Instagram clone based on Demon slayer characters ⚔️","archived":false,"fork":false,"pushed_at":"2023-02-25T06:24:37.000Z","size":5213,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2023-12-28T14:40:45.490Z","etag":null,"topics":["anime","demonslayer","firebase","instagram","react","typescript","vite"],"latest_commit_sha":null,"homepage":"https://instagram-demonslayer.vercel.app/","language":"TypeScript","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/mirayatech.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}},"created_at":"2022-08-20T16:35:36.000Z","updated_at":"2023-12-28T12:46:22.000Z","dependencies_parsed_at":"2023-03-29T03:48:34.005Z","dependency_job_id":null,"html_url":"https://github.com/mirayatech/react-instagram-clone","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirayatech%2Freact-instagram-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirayatech%2Freact-instagram-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirayatech%2Freact-instagram-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirayatech%2Freact-instagram-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mirayatech","download_url":"https://codeload.github.com/mirayatech/react-instagram-clone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225142289,"owners_count":17427408,"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":["anime","demonslayer","firebase","instagram","react","typescript","vite"],"created_at":"2024-11-18T07:18:22.361Z","updated_at":"2026-04-11T17:05:42.316Z","avatar_url":"https://github.com/mirayatech.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003cdiv align=\"center\"\u003e\n \u003cimg src=\"https://user-images.githubusercontent.com/71933266/190630869-9dc844dd-a66c-4b9a-bae6-19a89e0c253f.png\" width='160px'/\u003e\n\n \u003ch2\u003e Instagram clone based on Demon slayer characters \u003c/h2\u003e  \n\u003c/div\u003e\n\n\n### 💡 - About this project\nYou must sign in with google to be able to like and comment on the demon slayer post. The same applies to being able to upload a post with a caption. Other users can like and comment on your posts. Deleting your own posts and comments also works. You can also like other people's comments and follow the \nsuggested users on the side profile as long as you are logged in.\n\n**Note:** I designed the instagram logo with Nezuko (Nezuko = the character sitting in front of the instagram logo) \u003cbr\u003e\u003cbr\u003e\n\n\n### 🧠 - What I've learned \n\n- Using `useContext`\n- useEffect with cleanup\n- Type Narrowing in TypeScript\n- Order Firestore data by TimeStamp\n- Create private/authentication route\n- Integrate Google Authentication with Firebase\n- Using firestore and cloud storage at the same time (to be able to upload a post)\n- And much more...\n\n### 🛠️ - Dependencies \n`CSS` \u0026nbsp;`React` \u0026nbsp;`Firebase` \u0026nbsp;`TypeScript` \u0026nbsp;`Framer Motion` \u0026nbsp;`Build tool: Vite`\n\n\u003cbr\u003e  \n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ch3\u003e 🎥 - Demo Video \u003c/h3\u003e\u003c/summary\u003e\n\u003cvideo src=\"https://user-images.githubusercontent.com/71933266/191236258-14dea048-fe10-4e85-a9ee-73666dce626b.mp4\n\" controls=\"controls\" \u003e\n\u003c/video\u003e\n\u003c/details\u003e\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmirayatech%2Freact-instagram-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmirayatech%2Freact-instagram-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmirayatech%2Freact-instagram-clone/lists"}