Overview

A working Twitter clone built in Next JS using Firebase auth,realtime,firestore database and storage.This Project is Only for learning Purpose. Anyone can Learn using the Project and Contribute.

Features

• Google and Github Authentication is Available
• User can create Account,can Manage Account and can Change and Upload Profile and Cover Image
• User Can tweet,Like ,Comment and can Follow others in Twitter-clone
• User can Post Media,texts and Inreactive Emogies with it.
• User Can Create Threads of Comments

Setup Project

Add Firebase Project Credentials in firebase.js

const firebaseConfig = {
	apiKey: "", //Firebase Project API KEY
	authDomain: "", //Firebase Project authDomain
	projectId: "", //Firebase Project project ID
	storageBucket: "", //Firebase Project storage Bucket
	messagingSenderId: "", //Firebase Project message sender id
	appId: "", //Firebase Project app ID
};

Add Environment Variables .env File

NEXTAUTH_GOOGLE_CLIENTID="" #From Google Consol
NEXTAUTH_GOOGLE_CLIENTSECRET="" #From Google Consol
NEXTAUTH_SECRET="dfg64fdgdf5gdf4gfsdf54fds5sdf4"
NEXTAUTH_URL="http://127.0.0.1:3000"

Getting Started With Project

1. Need Node Js v16^
2. VS Code
3. Download Code From Github or Clone IT
4. Go To Project Directory
5. Open VsCode and Open Terminal
6. Type npm install
7. For Localhost :

Development Build

npm run dev

Production Build

npm run build && npm start

Demo Credentials

{
  Username : "demo@twitterrohit.com",
  Password : "demo@1234"
}

Dependencies

Created & Maintained By

Rohit Tiwari

Nominate me for Github Star developer program https://stars.github.com/nominate