Twitter Tailwind Templates

Twitter

A full-stack Twitter clone built using React, Next.js, Tailwind CSS, and Prisma to replicate core functionalities of the Twitter platform.

Twitter Clone

This is a Twitter clone project built with modern web technologies:

  • Frontend: Next.js, React, and Tailwind CSS
  • Backend: MongoDB and Prisma
website

Live Demo

Check out the live demo of the Twitter clone: Live Demo

Please note that the live demo may not reflect the latest version of the code and some features might be disabled or limited for demonstration purposes.

Features

  • Registration and Login
  • Likes and Notifications
  • Follow
  • Edit User Profile
  • Tweets

Installation

To run this project locally, follow these steps:

  1. Clone the repository

    git clone https://github.com/aaronowusu/Twitter.git
    
  2. Navigate to the project directory and install dependencies

    npm install
    
  3. Set up environment variables

    Create a .env file and add the environment variables with your configuration values:

       DATABASE_URL=""
       JWT_SECRET=''
       SECRET=''   
    
  4. Set up the database

    • Install MongoDB if you haven't already
    • Create a new database for the project
    • Update the Prisma database db in schema.prisma if needed
  5. Run database migrations

    npx prisma migrate dev
    
  6. Start the development server

    npm run dev
    
  7. Open your browser and navigate to http://localhost:3000 to access the Twitter clone.

Screenshots

Registration

Register

Log In

Login

Home Page

Home

Profile Page

Profile

Notifications

Notification

Tweet

Tweet

WalkThrough

https://github.com/aaronowusu/Twitter/assets/34800051/b0c98dc2-515e-4f25-bcf6-358276d91f22

Contributing

Contributions are welcome! If you find any issues or have suggestions, please feel free to open an issue or submit a pull request.

Disclaimer ⚠️

This Twitter clone project is developed solely for educational and learning purposes. It is not intended to deceive, impersonate, or scam anyone. The project aims to demonstrate the functionality of a social media platform like Twitter, showcasing features such as user registration, following, likes, and notifications.

Please note that this Twitter clone is not affiliated with or endorsed by Twitter. It is an independent project created to simulate the user experience of a social media platform.

If you have any concerns, questions, or suggestions regarding this project, please feel free to reach out to me.

Top categories

Loading Svelte Themes