next-twitter Tailwind Templates

Next Twitter

Twitter clone built in Next.js + TypeScript + Tailwind CSS using Cloud Firestore and Storagefor collaboration and inquiries.

Twitter Clone Logo

🐦 Twitter Clone

Welcome to the Twitter Clone - a feature-rich emulation of Twitter crafted with Next.js, Prisma, and PostgreSQL. This project mirrors Twitter's quintessential features, enabling users to engage in the dynamic world of microblogging. Customize your profile, interact with tweets, and immerse in the ever-evolving social narrative.

🌟 Features

  • šŸ” User Authentication: Enjoy a safe and secure login experience.
  • šŸ“° News Feed: Dive into a world of tweets from your network.
  • āœļø Tweet Creation: Unleash your thoughts with media-rich tweets.
  • šŸ’¬ Tweet Interaction: Engage with the community by liking and replying to tweets.
  • šŸ”— User Following: Connect with others by following their profiles.
  • šŸŽØ Profile Customization: Express yourself with custom profile images and bios.
  • šŸ”” Notifications: Stay in the loop with real-time alerts for interactions.
  • šŸ” Explore Page: Discover trending topics and new connections.

šŸŽ„ Demo

Catch a glimpse of our Twitter Clone in action: See the Live Demo

šŸ’» Installation

  1. Clone the repository: git clone https://github.com/MarkusDavis/twitter-clone.git

markdown Copy code

  1. Enter the project directory: cd twitter-clone

markdown Copy code

  1. Database setup and Prisma configuration:
  • Set up a PostgreSQL database.
  • Adapt .env.example to .env with your database details.
  1. Apply migrations and seed the database: npx prisma migrate dev npx prisma db seed --preview-feature

  2. Launch the Development Server: ```bash

npm run dev

šŸ›  Technologies Used Next.js: For a seamless front-end experience. Prisma: ORM for efficient database handling. PostgreSQL: Robust and reliable database storage. Tailwind CSS: For stylish, responsive design.

šŸ¤ Contact Let's connect and collaborate:

Twitter: @markusdavisdev GitHub: @MarkusDavis LinkedIn: Markus Davis For inquiries, feedback, or collaborations, feel free to reach out.

Top categories

Loading Svelte Themes