Social Media Auto-Posting System

I recently completed a project on Upwork where I was brought in to fix, enhance, and extend a Social Media Sharing Automation Tool. This web-based system allows users to connect their social media accounts and publish posts directly to multiple platforms—such as Facebook, Instagram, LinkedIn, and more—from a single, centralized dashboard.

🛠️ Project Background

This was an existing system originally developed by another developer, but it had several core issues. The posting logic was unreliable, the platform integration was partially broken, and important features like authentication and error feedback were either missing or poorly implemented.

The client reached out to me to stabilize the system and implement new features with a more polished and scalable approach.

🎯 What I Did

✅ Fixed & Rebuilt the Core Posting Logic

• Refactored the entire posting flow using the AYRSHARE API, which handles communication with all connected platforms
• Added polling mechanisms to track post upload status in real-time, ensuring the system checks if a post was published, failed, or still pending
• Once a post is published, the actual published link is displayed on the UI card under the platform’s icon

✅ Improved UI/UX Using TailwindCSS

• Redesigned the full dashboard interface for a modern, responsive, and user-friendly layout
• Created visually intuitive status indicators for each platform:
• 🕓 Pending: Displayed with a bg-slate-200 color
• ❌ Failed: Displayed with a bg-pink-800 color
• ✅ Successful: Displays the original platform icon with its native brand color, e.g., Facebook blue, Instagram gradient, etc.

✅ Enhanced Authentication & Security

• Implemented route protection across all dashboard pages
• Added token-based auth validation for secure session handling

✅ Multilingual Post Support

• Integrated AI-based translation, allowing posts to be auto-translated between Korean 🇰🇷 and English 🇺🇸
• Added a live language switcher in the dashboard for users to control content language dynamically

✅ Platform Connection Handling

• Built robust UI feedback for missing or disconnected platforms, using AYRSHARE’s connection validation
• Implemented post preview, platform selection, and scheduled publishing functionality

✅ Client-Requested Features

After completing the core fixes, I also delivered a second round of improvements based on client feedback, including:

• A redefined posting behavior to better align with the platform-specific rules
• A toggle for switching post content between English and Korean

🧰 Tech Stack Used

• Frontend: Next.js + TailwindCSS
• Backend: Node.js (Express.js)
• Integration: AYRSHARE API for social media platform connectivity
• Database: MongoDB for session and post management

💬 Outcome

The client was extremely satisfied with the delivery, especially the improved stability, clear error feedback system, platform status tracking, and multi-language support. The project now supports smooth and reliable publishing workflows, making it much easier for users to manage their social media content from one place.