/x-clone

Create a near exact clone of X with Next14

Primary LanguageTypeScript

image Creating a clone of X (twitter) with Next 14.

Todos:

  • Landing Page
  • Create Login Modal with Client-Side Zod Validation
  • View, Create, and Comment on Tweets
  • Implement session-based auth without any libs
  • Search for Users
  • Who to follow suggestion pane
  • Add responsive mobile tab navigation
  • Implement theme switcher toggle
  • Show dark-colored X logo when light-theme is turned on
  • Add useFormStatus hook to login and register buttons to show loading spinner while waiting for authentication
  • Implement Intercepting Routes so UX when linking to the login/register modal is solid.
  • Apply Server-side validation with shared Zod Schema from client
  • Try using unglitch rather than Zustand/TanStack Query for cacheing
  • Edit profile
  • Update profile
  • Use Algolia for improved search functionality
  • Bookmark Tweets
  • Retweet
  • Like a tweet
  • Notifications (for @ mentions, received likes, etc) (MOCK VERSION IMPLEMENTED CURRENTLY)
  • Optimistic UI
  • TRPC? (maybe)

Step-based Sign up Modal:

  • Create Sign up Modal with Client-Side Zod Validation
  • Implement Smooth Transitions between steps using Framer Motion