{"repo":"devdignesh/tweetsphere","free":true,"listed":false,"github":"https://github.com/devdignesh/tweetsphere","clone":"git clone https://github.com/devdignesh/tweetsphere.git","description":"Developed a full stack application imitating the popular social media app - X (formerly Twitter) using a Next.js with Typescript, Sass, TailwindCSS, Framer-motion, Tanstack query, mongoDB, supabase, prisma, nextAuth and zustand.","language":"TypeScript","stars":15,"topics":["mongodb","nextjs14","shadcn-ui","twitter-clone","typescript","zustand","tanstack-query","tanstack-react-query","nextjs14-typescript","docker-images"],"license":null,"category":"ui-components","readme_excerpt":"Tweetsphere This project is a fully functional X (formerly Twitter) clone built with modern technologies like Next.js 14, TypeScript, TailwindCSS, Framer Motion, MongoDB, Supabase, and more. The project showcases advanced fullstack capabilities and follows scalable architecture patterns. Live Demo Watch demo video on X (Twitter) Features - Google / GitHub / Email authentication (NextAuth) - Profile & banner image upload - Create tweets with up to 4 images & emojis - Like, Comment, Reply, Bookmark tweets - Follow / Unfollow users - Pin or Delete your own posts - Search tweets & users - Discover trending hashtags - Dark / Light theme toggle Alt + T - Fully responsive for all devices Tech Stack - Next.js - TypeScript - Tailwind CSS - Framer motion - TanStack Query - NextAuth.js - Prisma - MongoDB Atlas - Supabase (Storage) - Upstash Redis - Zustand - zod - SWR - SCSS Getting Started Installation Environment Variables Copy the example file and add your secrets: Required Variables: MongoDB connection string Supabase project keys NextAuth configuration Prisma Setup (MongoDB) 1. Install dependencies: - This will automatically install Prisma and all the necessary dependencies 2. Generate Prisma Client 3. MongoDB Configuration 4. Push database schema: Supabase Setup: 1. Create a Supabase Account - Visit Supabase, sign up, and create a new project. 3. Get API Keys - After creating your project, go to the API section or connect . - Find Project URL and API Key/anon key for the following","default_branch":null,"files":null,"tree":[],"storefront":"/r/devdignesh","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/devdignesh/tweetsphere/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}