social App

A full-featured social media web application built using modern React architecture and best practices.

🔐 Authentication

Sign In

Sign Up

Change Password

Protected Routes

Token-based Authorization

🏠 Home Page

Displays all users’ posts

Create / Update / Delete Post

Add / Update / Delete Comment

Real-time server state handling

👤 Profile Page

Displays:

User Name

Email

Date of Birth

Account Creation Date

Shows only logged-in user's posts

Owner-based control over posts & comments

📄 Post Details Page

Dynamic routing

Displays full post content

Displays all related comments

Conditional rendering:

If user owns post → can edit/delete

If user owns comment → can edit/delete

🛠 Tech Stack

React

React Router

React Query

React Hook Form

Zod

Axios

Tailwind CSS

HeroUI

Context API

💡 Key Concepts Applied

Avoided props drilling using Context API

Server state vs client state separation

Clean routing architecture

Owner-based UI logic

Async mutation handling with loading & error states

Form validation architecture

📦 Project Type

Full CRUD Social Media Application