Skip to content

Organize, structure, and export your essays with ease. Next.js + React drag-and-drop essay planner.

License

Notifications You must be signed in to change notification settings

allemandi/drag-and-draft

Repository files navigation

🎤 Drag and Draft

A modern drag-and-drop essay planner
Organize, structure, and export your essays with ease.

🚀 Netlify Live Demo

✨ Features

  • Drag-and-Drop – Reorder sections and blocks effortlessly
  • Prebuilt Templates – Structured intro, body, and conclusion
  • Multi-Format Export – PDF, DOCX, TXT, Markdown
  • Dark/Light Mode – Comfortable for any setting
  • Local Saves & Backup – Persistent storage + downloadable JSON

🚀 Getting Started

git clone https://github.com/allemandi/drag-and-draft.git
cd drag-and-draft
yarn install
yarn dev

🛠 Usage

  • Add Sections – Click "Add Body Section"
  • Edit Text – Click any title or textbox
  • Reorder – Drag by the grip icons (⋮⋮)
  • Export – Save or export via the toolbar

⚙️ Built With

  • Next.js + React + TypeScript
  • Tailwind CSS for styling
  • Dnd Kit for drag-and-drop
  • React Hooks for state management

🔗 Related Projects

Check out these related projects that might interest you:

  • Drag And Preach
    A modern drag-and-drop sermon planner. Organize, structure, and export your sermons with ease.

  • Vector Knowledge Base
    A minimalist command-line knowledge system with semantic memory capabilities using vector embeddings for information retrieval.

🤝 Contributing

If you have ideas, improvements, or new features:

  1. Fork the project
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

☕ Support

If this project has helped you or saved you time, consider buying me a coffee to help fuel more ideas and improvements!

💡 Acknowledgments

This project was developed with the help of AI tools (e.g., GitHub Copilot, Cursor, v0) for code suggestions, debugging, and optimizations.

📄 License

MIT

About

Organize, structure, and export your essays with ease. Next.js + React drag-and-drop essay planner.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •