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

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 تومان
    افزودن به سبد خرید