https://github.com/mirayatech/react-instagram-clone
Instagram clone based on Demon slayer characters ⚔️
https://github.com/mirayatech/react-instagram-clone
anime demonslayer firebase instagram react typescript vite
Last synced: 3 months ago
JSON representation
Instagram clone based on Demon slayer characters ⚔️
- Host: GitHub
- URL: https://github.com/mirayatech/react-instagram-clone
- Owner: mirayatech
- Created: 2022-08-20T16:35:36.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2023-02-25T06:24:37.000Z (over 3 years ago)
- Last Synced: 2023-12-28T14:40:45.490Z (over 2 years ago)
- Topics: anime, demonslayer, firebase, instagram, react, typescript, vite
- Language: TypeScript
- Homepage: https://instagram-demonslayer.vercel.app/
- Size: 4.97 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Instagram clone based on Demon slayer characters
### 💡 - About this project
You 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
suggested users on the side profile as long as you are logged in.
**Note:** I designed the instagram logo with Nezuko (Nezuko = the character sitting in front of the instagram logo)
### 🧠 - What I've learned
- Using `useContext`
- useEffect with cleanup
- Type Narrowing in TypeScript
- Order Firestore data by TimeStamp
- Create private/authentication route
- Integrate Google Authentication with Firebase
- Using firestore and cloud storage at the same time (to be able to upload a post)
- And much more...
### 🛠️ - Dependencies
`CSS` `React` `Firebase` `TypeScript` `Framer Motion` `Build tool: Vite`
🎥 - Demo Video