Twitter Clone

A replicated version of Twitter designed to offer users identical functionality, featuring smooth integration between the frontend and backend components.

Tech Stack

NextJs: To build the structure of the website including the frontend and the backend.

React: To handle the state management.

Prisma: Object Relational Mapping (ORM) to handle the database queries.

MongoDB: Database to hold the data.

NextAuth: For authentication of the end user.

Tailwind CSS: For styling the website.

Screenshots

Login/Register Screen

Register Screen

Edit Profile

User Profile

Notifications

Logged In Home Screen

Deployed Website Link

link

Setup Locally

Clone the project:

  git clone https://github.com/AviralSingh-code/Twitter-Clone-React-Tailwind-NextJs-Prisma-MongoDB-NextAuth.git

Go to the project directory:

  cd Twitter-Clone-React-Tailwind-NextJs-Prisma-MongoDB-NextAuth

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

DATABASE_URL

NEXTAUTH_JWT_SECRET

NEXTAUTH_SECRET

Install dependencies:

  npm install

Start the server:

  npm run dev

Go to the URL: http://localhost:3000