Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

eli6/linkedin-post-editor

Repository files navigation

πŸ“βœ¨ 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! πŸŽ‰πŸ“πŸ’Ό

About

Linkedin content editor written by Claude

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /