📝✨ LinkedIn Post Editor

🌟 Overview

LinkedIn Post Editor is a Next.js-based web application completely written by Claude from Anthropic (with some copy paste help), that lets you create, edit, and manage LinkedIn posts with an intuitive interface. It's like having a social media command center at your fingertips! 🚀

🎉 Features

• ✍️ Create and edit LinkedIn posts
• 🖋️ Rich text editor with emoji support
• 😀 Emoji picker with recently used and favorite emojis
• 🗓️ Schedule posts for future publication
• 📅 Timeline view of published posts
• 🌙 Dark mode UI for comfortable use in low-light environments
• 💾 Local storage for data persistence

🛠️ Installation

To set up the LinkedIn Post Editor on your local machine, follow these magical steps:

1. Clone the repository:

   git clone https://github.com/yourusername/linkedin-post-editor.git
   cd linkedin-post-editor
   

2. Cast the installation spell:

   npm install
   

3. Summon the development server:

   npm run dev
   

Voila! 🎩✨ The application should now be running on http://localhost:3000.

🚀 Usage

1. Creating a Post:

   • 📝 Enter your post title and content in the provided fields.
   • 😊 Use the emoji picker to add some personality to your post.
   • 🗓️ Set a publish date for your post.

2. Managing Emojis:

   • 👆 Click on emojis in the favorite or recent emojis section to quickly add them to your post.
   • 🎭 Use the "Open Emoji Picker" button to access the full emoji library.
   • 🕰️ Recently used emojis will appear for quick access.

3. Publishing:

   • 🔄 Toggle the publish switch to mark your post as published or draft.
   • 💾 Click "Save Post" to preserve your masterpiece.

4. Viewing Posts:

   • 📚 All posts are displayed in the "Posts" section.
   • 👀 Click on a post title to expand and view its full content.
   • 📅 Published posts also appear in the timeline view.

5. Editing and Deleting:

   • ✏️ Expand a post and click "Edit Post" to load it into the editor.
   • 🗑️ Use the "Delete Post" button to remove a post.

🔧 Technology Stack

• ⚛️ Next.js (React framework)
• 📘 TypeScript
• 😀 emoji-mart for emoji picking functionality
• 🗄️ Local Storage API for data persistence
• 🎨 CSS Modules for component-scoped styling

🚀 Deployment

This project is ready for deployment on Vercel, the platform created by the inventors of Next.js. To deploy:

1. Push your code to a GitHub repository.
2. Import your project into Vercel.
3. Vercel will automatically detect it's a Next.js app and set up the build configuration for you.
4. Click 'Deploy' and your app will be live in seconds!

🤝 Contributing

Contributions to the LinkedIn Post Editor are welcome! Let's make this app even more awesome together! 🎉

1. 🍴 Fork the repository
2. 🌿 Create a new branch: git checkout -b feature-branch-name
3. 💻 Make your changes and commit them: git commit -m 'Add some feature'
4. 🚀 Push to the branch: git push origin feature-branch-name
5. 🎯 Submit a pull request

📜 License

This project is licensed under the MIT License - see the LICENSE.md file for details.

---

Happy posting! 🎉📝💼