Build Social Media App like Insta Clone App – React&Firebase

سرفصل های دوره

Learn React - While Developing a Instagram App Clone(includes Real Time Posts and Interactions, hook, Auth, Database)

1. Phase 1 Introduction and Setup

1. Introduction and Demo

2. React & Chakra Setup.html

3. Part 1 Project Setup and React Installation

4.1 Chakra UI.html

4. Part 2 Chakra UI Installation and Setup

5. Part 3 React Router Integration and Page Setup

2. Phase 2 User Interface Design

1.1 instagram-clone-master.zip

1. Source Code for Your Instagram Clone.html

2. Design Auth Page.html

3.1 AuthForm.zip

3. Part 1 Setting up the Auth Page

4. Part 2 Designing the Auth Page

5. Part 3 Adding Functionality to the Auth Page

6. Design Page layout and Sidebar.html

7.1 Page Layout.zip

7.2 Sidebar.zip

7. Part 1 Introduction and Setting up the Page Layout Component

8. Part 2 Designing the Sidebar and Sidebar Items

9. Part 3 lets recall what we have done in this section Design Page layout

10. Design Home Page.html

11.1 feed post.zip

11.2 HomePage.zip

11.3 post header and post footer.zip

11. Part 1 Home Page Structure

12. Part 2 Feed Post

13. Part 3 feedpost of post header and post footer

14. Part 4 summary of feedpost of post header and post footer

15. Part 5 feedpost of post header and post footer 2

16. Part 6 suggest user component

17. Design Profile Page.html

18. Part 1 Introduction profile page

19.1 Profile Page.zip

19.2 Profile Post.zip

19.3 ProfileHeader.zip

19.4 ProfileTabs.zip

19. Part 2 Profile page

20. Part 3 profile header

21. Part 4 profile Tabs

22. Part 5 profile post

23. Part 6 profile post 2

24.1 Comment.zip

24. Part 7 comment and Home page Scroll bar

3. Phase 3 Firebase Integration and User Authentication

1.1 firebase.zip

1.2 Logout User.zip

1. Firebase Setup

2. Update AuthForm.jsx

3.1 Signup With Email And Password.zip

3. Signup With Email And Password

4. Logout User

5. Create authStore With Zustand

6. useAuthState Example

4. Phase 4 User Features Implementation

1.1 Google Authentication.zip

1.2 Login User.zip

1.3 Navbar.zip

1. Create Navbar

2. Fixing A Possible Signup Issue

3. Login User

4. Google Authentication

5. Fixing A Major Google Auth Issue

5. Phase 5 Content Management

1. Fetching Profile Header Data

2. Part 1 Edit User Profile

3.1 Follow And Unfollow.zip

3.2 Profile.zip

3.3 Sidebar 2.zip

3. Part 2 Edit User Profile

4. Follow And Unfollow

5. Update Sidebar.jsx

6. Phase 6 Posts and Interactions

1.1 Suggested Users.zip

1.2 useSearchUser.zip

1. Search For User Profiles

2. Suggested Users

3. Create Post

4. Fetch User Posts

5. Delete Post

6. Create Comment

7. Phase 7 Finalization and Optimization

1. Get Details of The Comment

2.1 Like And Unlike Posts.zip

2.2 Render Post Caption.zip

2. Render Post Caption

3. Like And Unlike Posts

4. Fetch Feed Posts

5. Fetch All Comments

8. Phase 8 Final Touches and Deployment

1. Fixes & Optimizations

2. Security Rules & Deployment

54,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy