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! π
- βοΈ 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
To set up the LinkedIn Post Editor on your local machine, follow these magical steps:
-
Clone the repository:
git clone https://github.com/yourusername/linkedin-post-editor.git cd linkedin-post-editor -
Cast the installation spell:
npm install -
Summon the development server:
npm run dev
Voila! π©β¨ The application should now be running on http://localhost:3000.
-
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.
-
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.
-
Publishing:
- π Toggle the publish switch to mark your post as published or draft.
- πΎ Click "Save Post" to preserve your masterpiece.
-
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.
-
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.
- βοΈ Next.js (React framework)
- π TypeScript
- π emoji-mart for emoji picking functionality
- ποΈ Local Storage API for data persistence
- π¨ CSS Modules for component-scoped styling
This project is ready for deployment on Vercel, the platform created by the inventors of Next.js. To deploy:
- Push your code to a GitHub repository.
- Import your project into Vercel.
- Vercel will automatically detect it's a Next.js app and set up the build configuration for you.
- Click 'Deploy' and your app will be live in seconds!
Contributions to the LinkedIn Post Editor are welcome! Let's make this app even more awesome together! π
- π΄ Fork the repository
- πΏ Create a new branch:
git checkout -b feature-branch-name - π» Make your changes and commit them:
git commit -m 'Add some feature' - π Push to the branch:
git push origin feature-branch-name - π― Submit a pull request
This project is licensed under the MIT License - see the LICENSE.md file for details.
Happy posting! πππΌ