hareeshr / twitter-clone

Twitter Clone

Table of Contents

• Overview
• Built With
• Features
• Prerequisites
• Deploy
• Running Locally
• Contact

Overview

The Twitter clone built with the T3 stack is designed to replicate the core functionalities and user experience of the original Twitter platform. Users will be able to create accounts, post messages (tweets), and follow other users to stay updated with their content. The platform will feature a timeline that displays a user's own tweets as well as tweets from the users they follow. Additionally, users will have the ability to engage in conversations by liking posts. The interface will be intuitive and user-friendly, allowing for easy navigation and interaction. With the T3 stack at its core, this Twitter clone aims to provide a seamless and feature-rich social media experience to its users.

Demo Link

Built With

• Next.js
• React.js
• Typescript
• Node.js
• Planet Scale
• Tailwind CSS
• NextAuth.js
• Prisma
• tRPC

Features

• User Registration and Profiles
• Tweeting
• Following and Followers
• Interactions: Like
• Timeline: View a personalized timeline displaying tweets

Prerequisites

• Get your Planet Scale database from here.
• Get your Discord Cloud ID and Secret from here.
• Get your Twitter Cloud ID and Secret from here.
• Git - Download & Install Git for Windows users. (OSX and Linux machines has it preinstalled).
• Node.js - Download & Install Node.js.

Deploy

Vercel Host your own live version of Chatbot UI with Vercel.

Host your own live version of Chatbot UI with Vercel.

Running Locally

1. Clone Repo 2. Install Dependencies

npm i

3. Provide API Key Create a .env.local file in the root of the repo with your configuration and API Keys:

DATABASE_URL=YOUR_PLANET_SCALE_DATABASE_URL
NEXTAUTH_URL=YOUR_APP_URL
NEXTAUTH_SECRET=ANY_SECRET_KEY
DISCORD_CLIENT_ID=YOUR_DISCORD_CLIENT_ID
DISCORD_CLIENT_SECRET=YOUR_DISCORD_CLIENT_SECRET
TWITTER_CLIENT_ID=YOUR_TWITTER_CLIENT_ID
TWITTER_CLIENT_SECRET=YOUR_TWITTER_CLIENT_SECRET

4. Run App

npm run dev

5. Happy chatting You can now login using your Discord or Twitter account and start a microblogging like on Twitter

Contact

If you have any questions, feel free to reach out to me on hareeshr.me