Social-Post

Inspiration

Managing social media content these days can be time-consuming when posting across multiple platforms, each with different formatting requirements. I wanted to create a tool that would help preview and optimize posts for each platform, all in one place.

What it does

Social Post allows you to:

• Compose a single post.
• Preview on multiple platforms such as Facebook, Twitter (X), LinkedIn...
• Quickly navigate to each preview section.
• Copy optimized content with just one click. ## How we built it Frontend: Next.js + React + Tailwind CSS. UI Components: shadcn/ui + Lucide Icons. Hosting: Vercel. State management: React hooks. Other tools: TypeScript. ## Challenges we ran into Optimize responsive layout for each preview size. Ensure fast loading speed and smooth UI on all devices. Manage environment variables when deploying on Vercel. ## Accomplishments that we're proud of Build a modern interface, optimize user experience. Complete dynamic preview feature for multiple platforms. Deploy successfully and can be used immediately on the web. ## What we learned How to optimize performance with Next.js and lazy loading. Managing environment variables when working with API keys. Deployment pipeline (CI/CD) with Vercel. ## What's next for Social-Post AI integration suggests content and hashtags. Auto-post from the app.

Built With

• lucide
• nextjs
• postcss
• shadcn
• tailwind
• typescript
• vercel