تفاصيل العمل

# Linked/Post - Social Media Application

A modern, feature-rich social media platform built with React, featuring real-time interactions, infinite scroll, and a beautiful dark/light theme interface.

![React](https://img.shields.io/ba...)

![Vite](https://img.shields.io/ba...)

![TailwindCSS](https://img.shields.io/ba...)

![React Query](https://img.shields.io/ba...)

## ✨ Features

### ? Authentication & User Management

- **Secure Authentication**: Email and password-based authentication with JWT tokens

- **User Registration**: Create new accounts with comprehensive validation

- **Profile Management**: Update profile pictures and change passwords

- **Protected Routes**: Secure pages accessible only to authenticated users

### ? Social Features

- **Create Posts**: Share your thoughts with text and images

- **Infinite Scroll**: Seamless browsing experience with lazy-loaded posts

- **Comments System**: Engage with posts through comments

- **Post Management**: Edit and delete your own posts

- **User Profiles**: View user-specific posts and information

- **Real-time Updates**: Automatic feed refresh when creating new content

### ? User Experience

- **Dark/Light Theme**: Toggle between dark and light modes with persistent preferences

- **Responsive Design**: Optimized for mobile, tablet, and desktop devices

- **Smooth Animations**: Polished transitions and hover effects

- **Loading States**: Skeleton screens and loading indicators for better UX

- **Error Handling**: Comprehensive error messages and fallback UI

- **Data Prefetching**: Smart prefetching for faster navigation

### ⚡ Performance Optimizations

- **React Query Caching**: Efficient data caching and synchronization

- **Infinite Query**: Optimized pagination for large datasets

- **Query Prefetching**: Preload data on hover for instant navigation

- **Lazy Loading**: Load content as needed to reduce initial bundle size

## ?️ Tech Stack

### Frontend Framework

- **React 19.1.1**: Latest React with modern hooks and concurrent features

- **React Router DOM 7.9.4**: Client-side routing and navigation

- **Vite 7.1.7**: Lightning-fast build tool and dev server

### State Management & Data Fetching

- **TanStack React Query 5.90.10**: Powerful data synchronization and caching

- **React Context API**: Global state for authentication and theme

- **React Hook Form 7.65.0**: Performant form validation and handling

### Styling

- **TailwindCSS 4.1.16**: Utility-first CSS framework

- **DaisyUI 5.3.10**: Beautiful component library for Tailwind

- **Custom CSS**: Additional styling for unique components

### Validation & Forms

- **Zod 4.1.12**: TypeScript-first schema validation

- **@hookform/resolvers 5.2.2**: Form validation integration

### UI Components & Feedback

- **React Hot Toast 2.6.0**: Beautiful toast notifications

- **React Spinners 0.17.0**: Loading indicators and spinners

بطاقة العمل

اسم المستقل
عدد الإعجابات
0
عدد المشاهدات
17
تاريخ الإضافة
المهارات