explanation
Instagram Clone Coding is the name of a full-stack project-oriented course on building Instagram-like programs (including backend, frontend, program, and server). The term clone coding refers to a completely educational and practical method of learning coding by imitating actual services such as Instagram, KakaoTalk, and YouTube.
Here’s what you’ll learn in the Instagram Clone Coding course:
- User-related features include email login, user profile, follow-up, and direct.
- Image-related features include image search, image likes, image feed, and image upload.
- Navigation, camera operation, access and geolocation
- Developed by Heroku and Netlify
Course specifications
publisher: nomad coder (Nomad Coder)
Instructor: Niko
Language:English
Level: Advanced – Advanced
Number of courses: 139
Duration: 20 hours 47 minutes
Instagram Clone Coding Course Topics:
2 Introduction
2.0 Welcome!
2.1 Requirements
3 Backend settings
3.0 settings
3.1 Apollo Server
3.2 Babel
3.3 POC API
3.4 Prisma settings
3.5 Prisma Migration
3.6 Prisma Client
3.7 Prisma Client Part 2
3.8 Prisma Studio
3.9 Architecture Part 1
3.10 Architecture Part 2
3.11 Dotemp
3.12 Summary
4 user modules
4.0 Account creation part On
4.1 Account Creation Part 2
4.2 Account Creation Part 3
4.3 Profile Reference
4.4 Login
4.5 Login Part 2 and Refactoring
4.6 Divide and Conquer
4.7 Update profile
4.8 Certification Part 1
4.9 Certification Part 2
4.10 Certification Part 3
4.11 Resolver Protection Part 1
4.12 Resolver Protection Part 2
4.13 Summary
4.14 File Upload Part 1
4.15 File Upload Part 2
4.16 File Upload Part 3
4.17 File Upload Part 4
4.18 Eject from Apollo Server
4.19 Change avatar
4.20 Followers Part 1
4.21 Following Users
4.22 Unfollow a user and view followers
4.23 Follower Pagination Part 1
4.24 Follower Pagination Part 2
4.25 Next Pagination
4.26 Calculated Fields Part 1
4.27 Calculated Fields Part 2
4.28 Calculated Fields Part 3
4.29 User Search
5TS settings
5.0 TS Settings Part 1
5.1 TS Settings Part 2
6 photo modules
6.0 Photo Model
6.1 Prisma fields and SQL fields
6.2 Photo Upload Part 1
6.3 Photo Upload Part 2
6.4 Photo Upload Part 3
6.5 Reference photo
6.6View hashtags
6.7 EditPhoto Part 1
6.8 EditPhoto Part 2
6.9 Liked unlike the picture
6.10 Unlike the photo, I like it part 2
6.11 Like View
6.12 Feed Reference
6.13 Comment on photos
6.14 View photo comments
6.15 Ismine
6.16 Deletion of comments and photos
6.17 Edit Comment
6.18 protectedResolver refactoring
6.19 S3 photo upload
6.20 S3 photo upload part 2
6.21 S3 photo upload part 3
7 direct messages
7.0 Introduction
7.1 model
7.2 seeRooms
7.3 Send message
7.4 Sea Room
7.5 Reading messages
7.6 Super Test
7.7 Subscription Settings Part 1
7.8 Subscription Settings Part 2
7.9 Subscription Filtering Part 1
7.10 Subscription Filtering Part 2
7.11 Subscription Verification
7.12 Summary
8 Frontend settings
8.0 Creating a React app
8.1 Install all
8.2 What does setup mean?
8.3 Router Settings Part 1
8.4 Router Settings Part 2
8.5 Certification POC
8.6 Responsive variables
8.7 Introduction to Styled Components
8.8 Themes for styled components
8.9 Global styles for styled components
9 Front-end TS settings
9.0 Styled Components
9.1 React Hook Form
9.2 Graph QL
10 Log in and sign up
10.0 Introduction
10.1 Login UI replication
10.2 Login code cleanup
10.3 Shared Components
10.4 Membership registration UI
10.5 Types of React
10.6 Helmet Components
10.7 React Hook Form
10.8 React Hook form is really cool
10.9 Apollo Client
10.10 Login Part 1
10.11 Login Part 2
10.12 Create account
10.13 User redirection
10.14 Dark Mode
11 food
11.0 Header and Layout
11.1 Header Part 2
11.2 Header Part 3
11.3 Avatar
11.4 Photography Components Part 1
11.5 Photography Components Part 2
I like this 11.6
11.7 Like a photo
11.8 Re-import queries
11.9 Writing Piece
11.10 Reading fragment
11.11 Comments Part 1
11.12 Comments Part 2
11.13 Hashtag parsing
11.14 Hashtag Parsing Part 2
11.15 Cache fix
11.16 Create comment part 1
11.17 Comment Creation Part 2
11.18 Write a Comment Part 3
11.19 Delete comment
12 profiles
12.0 Usage Parameters
12.1 Queries and fragments
12.2 Key fields
12.3 Follow Unfollow Part 1
12.4 Follow Unfollow Part 2
12.5 Follow Unfollow Part 3
12.6 Follow Unfollow Part 4
12.7 Follow Unfollow Part 5
12.8 Web Conclusion
Instagram Clone Coding Course Prerequisites:
Beginner or older Vanilla JS Understanding is needed.
Beginner level or higher level of understanding ReactJS Required.
Requires at least a beginner level understanding. react native ,
Intermediate or higher level of understanding GraphHQL and Apollo Required.
Instagram clone coding photo:
Sample video of Instagram clone coding course:
installation manual
After extracting, watch with your favorite players.
Subtitles: None
Quality: 1080p
Korean Course Title: coding
memo: Course instructors teach in English. (According to sample video)
download link
File password: free download software
size
44.4GB