Skip to content

yyq1025/X-clone

Folders and files

NameName
Last commit message
Last commit date
Jun 21, 2024
Jun 18, 2024
Jun 22, 2024
Jun 21, 2024
Jun 13, 2024
Jun 22, 2024
Jun 13, 2024
Jun 13, 2024
Jun 13, 2024
Jun 13, 2024
Jun 22, 2024
Jun 22, 2024
Jun 13, 2024
Apr 2, 2025
Jun 13, 2024
Jun 16, 2024
Apr 2, 2025
Jun 13, 2024
Jun 23, 2024
Jun 13, 2024
Jun 13, 2024

Repository files navigation

X-clone by Richard Yang

Twitter/Threads clone web application based on Next.js and Supabase.

TypeScript Next.js Supabase TanStack Query shadcn/ui Tailwind CSS

Features

Infinite Scroll Everywhere

Optimistic Updates

Immediate update before the server responds

Example

update.gif

Route-based Modals

Keep the modal even after refresh

Example

modal.gif

Crop Images Before Upload

Crop avatars and banners before upload

Example

crop.gif

Polling-based Notifications

Stabilize server load during peak time

Example

notification.gif

Logic Delete

Keep parent/reply relations after posts are deleted

Example

delete.gif

Database Design

X-clone.png

Todo