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

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
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    شناسه: 38259
    حجم: 5091 مگابایت
    مدت زمان: 501 دقیقه
    تاریخ انتشار: ۱۲ تیر ۱۴۰۳
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید