A Modern & Fully Responsive Social Media Platform built with Next.js.

Social Hub is a modern, fully responsive Social Media Platform built with Next.js 15, React 19, and TypeScript.

The platform allows users to create posts, interact with other users, follow profiles, bookmark posts, receive notifications, and customize their personal profiles through a clean and responsive interface.

Authentication is powered by NextAuth.js, providing secure access to protected features while maintaining a smooth user experience.

The project follows modern React and Next.js best practices, focusing on reusable components, scalable architecture, responsive design, and an engaging social networking experience.

🌐 Website

https://social-hub-hv9z.vercel.app

💻 GitHub Repository

https://github.com/Mohamedxismail/social-hub

• 🔐 Secure Authentication with NextAuth.js
• 📝 Create, Edit & Delete Posts
• ❤️ Like & Unlike Posts
• 💬 Comments & Replies System
• 🔖 Bookmark Favorite Posts
• 👥 Follow & Unfollow Users
• 🔔 Notifications System
• 👤 Profile Management
• 🖼️ Update Profile & Cover Images
• 📄 View Other Users' Profiles
• 👨‍👩‍👧 People Suggestions
• 📱 Fully Responsive Design
• ⚡ Fast & Smooth User Experience
• 🎨 Clean & Modern UI

• Next.js 15
• React 19
• TypeScript

• Tailwind CSS

• NextAuth.js

• React Hook Form
• Zod

• Fetch API

• Vercel

🔐 Login	📝 Register
🏠 Home Feed	👤 My Profile
🔖 Bookmarks	👥 People Suggestions
👥 Followers	📄 User Profile

Clone the repository

git clone https://github.com/Mohamedxismail/social-hub.git

Navigate to the project folder

cd social-hub

Install dependencies

npm install

Create a .env.local file and add your environment variables.

Run the development server

npm run dev

Open your browser

http://localhost:3000

src
│
├── app
├── assets
├── components
├── config
├── services
├── types
├── utilities
├── middleware.ts
└── auth.ts

The application is deployed on Vercel.

🌐 Live Website

https://social-hub-hv9z.vercel.app

The project can be extended with more advanced features in the future, including:

• 💬 Real-time Chat
• 📹 Stories & Reels
• 🎥 Video Posts
• 🌙 Dark Mode
• 🌍 Multi-language Support (i18n)
• 🔍 Advanced Search
• 🏷️ Hashtags & Trending Topics
• 📊 Admin Dashboard
• 📈 User Analytics
• 🔔 Real-time Notifications with WebSockets
• 🤖 AI-powered Post Recommendations
• 📱 Progressive Web App (PWA)

The application is fully responsive and optimized for all devices:

• 💻 Desktop
• 💼 Laptop
• 📱 Tablet
• 📲 Mobile

Developing Social Hub helped me improve my skills in:

• Building scalable applications with Next.js App Router
• Authentication using NextAuth.js
• Route Protection & Session Management
• TypeScript for safer and maintainable code
• Server & Client Components
• REST API Integration
• Form Validation using React Hook Form & Zod
• Building reusable and maintainable UI components
• Responsive Design with Tailwind CSS
• User Authentication & Authorization
• CRUD Operations
• Social Features Implementation
• Error Handling & Loading States
• Clean Project Structure & Code Organization

Frontend Developer

https://github.com/Mohamedxismail

Add your LinkedIn profile here.

https://social-hub-hv9z.vercel.app

Contributions, issues, and feature requests are welcome.

If you'd like to improve this project:

1. Fork the repository.
2. Create a new branch.
3. Commit your changes.
4. Open a Pull Request.

If you like this project, don't forget to leave a ⭐ on GitHub.

Your support motivates me to build more awesome projects.

Made with ❤️ by Mohamed Ismail using Next.js & React