home
Home
Back

Threads React Native Clone

Instagram's Thread clone with most of the features using React Native, Nest.JS and GraphQL.

Tech Stack:

  • React Native
  • Nest.js
  • GraphQL
  • Postgres
  • TypeScript
  • Zustand
  • Tailwindcss

Core Features:

  • Facilitate user registration by allowing account creation with a chosen username and password on the Sign-Up Page.
  • Enable user authentication using sessions on the backend to securely log in and manage user sessions.
  • Present an engaging feed on the Thread Feed page, enabling users to express preferences through likes, reply, share, repost, and thread follows.
  • Allow users to like, reply, sharing, re-posting on the Create Thread page.
  • Offer a dedicated space for users to respond to threads, on the Reply page. (multiple nested replies)
  • User can edit profile page change profile visibility to public or private.

Project Pages Showcase:

Home Intro

project

    Register Page

    project

      Login Page

      The page for users to login for an account.

      project
          User Login
      • Allow users to login an account on the platform with username and password.
          • User Registration
      • Allow users to create an account on the platform with username and password.

      Thread Feed

      A feed page displaying threads from users followed.

      project
          Interactive Feed
      • Users can interact with threads by liking, commenting, and sharing.
          • Follow Threads
      • Users can follow threads to stay updated on new posts.

      Create Thread

      A screen for users to create new threads.

      project
          Thread Creation
      • Users can create new threads and share their thoughts.
          • Pick up Image
      • User can pick up images for the thread.

      Reply Screen

      A page for users to reply to threads and participate in discussions.

      project
          Thread Replies
      • Users can reply to threads and contribute to discussions.
          • Interactive Feed
      • Engage with threads by liking, commenting, and sharing.

      Profile

      A profile page where users can edit personal information, view their threads, and change settings.

      project
          Thread Management
      • View and manage the threads created & replied threads by the user.
          • Settings
      • Change account settings and preferences.

      Edit Profile

      A page for users to edit their profile information and settings.

      project
          Profile Customization
      • Edit personal information, including profile picture and bio.
          • Settings
      • Change account settings and preferences.

      User Profile

      View the profile of other users, including their threads, activity, follow or send follow request.

      project
          Thread History
      • Explore the threads created and participated in by the user.
          • Activity Feed
      • View recent activity and interactions of the user.

      Notifications

      See notifications based on different categories like follow requests, replies, and more.

      project
          Follow Requests
      • Receive and manage follow requests from other users.
          • Replies and Mentions
      • Get notified about replies and mentions on your threads or comments.

      Likes

      View the people who liked a specific thread and their interactions.

      project
          User Interactions
      • See the list of users who liked a specific thread and explore their profiles.
          • Thread Engagement
      • Understand the popularity and engagement level of the thread based on likes.

      Settings

      Manage your account settings and preferences.

      project
          Logout
      • User can log out of your account.

      DB Models

      .

      project
          Sophisticated and nested relationship among the app entities
      • Main models are User, Thread, Reply, Like, Follow, Notification