Skip to main content
All Projects
Loading preview…
Neweet
UI Study · Live DemoUI & Architecture Study2023

Neweet

A multi-route social feed application inspired by X (Twitter), exploring Next.js App Router layouts, dynamic message routes, and Redux Toolkit state slices.

Practice social UI application inspired by X / Twitter with client-side Redux state.

Key Capabilities

  • Create and delete posts in the feed with toast notifications.
  • Dedicated Explore, Notifications, Bookmarks, Profile, and Direct Message thread routes.

Technical Architecture

  • Next.js 13.4 App Router (`app/explore`, `app/notifications`, `app/messages/[id]`, `app/bookmarks`, `app/profile`) with custom `not-found.tsx`.
  • TypeScript + Redux Toolkit (`@reduxjs/toolkit`, `react-redux`) for client feed state.
  • Responsive desktop & tablet sidebars styled with Bootstrap 5.3 and Bootstrap Icons.

Technologies

Next.js 13TypeScriptRedux ToolkitReact 18Bootstrap 5