Twitter Clone

Next.js and T3 stack Built Clone

Info: The website allows users to login to their Discord accounts to access and interact with user data from a Prisma Database.

Description: This website uses Typescript and React on the front end with Tailwind CSS for styling. I also built into the backend an "infite scroll" feature that continually fetches and hydrates the front end with more posts as needed.

Tech Stack: This app utilizes Next.js and its server side components to handle user's profiles, tweets and follows from a Prisma Database.

The website is styled with Tailwind CSS to have the same sleek UI as Twitter. What really makes this app excitig and fun to build was learning and using tRPC for type safe data querying. I had a really fun time implementing the "Infite scroll functionality" where users can continue to scroll and get both new and old tweets seamlessly without buffering or page refresheses.