https://github.com/demitraps/threads-app-next13

A Next.js13 Threads app clone
https://github.com/demitraps/threads-app-next13

clerkauth mongodb mongoose nextjs13 shadcn-ui social-media social-network tailwindcss threads threads-clone twitter-clone typescript

Last synced: 3 months ago
JSON representation

A Next.js13 Threads app clone

• Host: GitHub
• URL: https://github.com/demitraps/threads-app-next13
• Owner: demitraps
• Created: 2023-08-17T12:16:17.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-26T16:08:25.000Z (over 1 year ago)
• Last Synced: 2024-05-18T20:31:07.577Z (9 months ago)
• Topics: clerkauth, mongodb, mongoose, nextjs13, shadcn-ui, social-media, social-network, tailwindcss, threads, threads-clone, twitter-clone, typescript
• Language: TypeScript
• Homepage: https://threads-app-umber.vercel.app/
• Size: 4.57 MB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Full Stack Next.js 13 Threads App | React, Next JS, TypeScript, MongoDB

This is a clone of the popular Threads App (META's Twitter).

## Features

- Create threads

- Reply/comment to threads

- View activity

- Search users

- Create communities

- Invite users to communities

- Search communities

- Post threads from communities

- User / Community profiles

   

## Tech Stack

**React, Next.JS 13, TypeScript, TailwindCSS**

**Authentication:** Clerk

**Data validation:** Zod

**FileUploads:** UploadThing

**Components:** Shadcn

**Database:** MongoDB with Mongoose ODM

## Demo

![App Screenshot](./demo/threaddemo.gif)

## Sign-in

You can sign in using any Google or Github account here:

https://threads-app-umber.vercel.app/sign-in

![App Screenshot](./demo/sign-in.png)

## Screenshots

Homepage:

![App Screenshot](./demo/homepage.png)

Search:

![App Screenshot](./demo/search.png)

Activity:

![App Screenshot](./demo/activity.png)

Create Thread:

![App Screenshot](./demo/createthread.png)

Communities:

![App Screenshot](./demo/communities.png)

Profile page:

![App Screenshot](./demo/profile.png)

Single Community page:

![App Screenshot](./demo/commone.png)

Responsive design:

![App Screenshot](./demo/tablet.png)![App Screenshot](./demo/mobile.png)

## To-Do List

- Create like and share options

- Activity notifications

- Follow requests

- Hashtags

- User tagging

### Prerequisites

**Node version 14.x**

### Cloning the repository

```bash

  git clone https://github.com/demitraps/threads-app-next13.git

```

### Start the app

```shell

npm run dev

```

## Available commands

Running commands with npm `npm run [command]`

| command         | description                              |

| :-------------- | :--------------------------------------- |

| `dev`           | Starts a development instance of the app |