TextBin Frontend is a modern, responsive web application built with Next.js and Tailwind CSS. It provides a user-friendly interface for creating, managing, and sharing text snippets with powerful features like syntax highlighting and expiration settings.
- 📝 Create and manage text snippets
- 🎨 Syntax highlighting for various programming languages
- ⏱️ Set expiration times for texts
- 🌓 Dark/Light mode toggle
- 📋 One-click content copying
- 👤 User authentication (sign up, sign in, sign out)
- 💾 Private and public text options
- 👍 Like system for snippets
- 💬 Commenting system
- 📱 Responsive design for mobile and desktop
- 🔍 Full-text search functionality
- 📊 User dashboard with usage statistics
- 🔗 Share snippets via short URLs
- 🔄 Version history for snippets
- 🏷️ Tagging system for better organization
- 👥 Collaborative editing features
- 🔐 Two-factor authentication (2FA) integration
- 🌐 Multi-language support (i18n)
- 📁 Folder organization for snippets
- 📤 Export snippets in various formats
- 🔌 Integration with popular code editors
- 📊 Advanced snippet analytics
- Framework: Next.js 14 (App Router)
- Language: TypeScript 4
- Styling: Tailwind CSS 3
- State Management: React Context API & Hooks
- HTTP Client: Axios
- Form Handling: React Hook Form
- Validation: Zod
- Syntax Highlighting: react-syntax-highlighter
- Icons: react-icons
- Node.js 18.x or later
- npm or yarn
- Clone the repository:
git clone https://github.com/your-username/textbin-frontend.git cd textbin-frontend - Install dependencies:
npm install # or yarn - Start the development server:
npm run dev # or yarn dev - Open http://localhost:3000 in your browser.
Contributions, issues, and feature requests are welcome!
This project is open source and available under the MIT License.
For any queries, reach out to me at [ [email](mailto: [email protected]) ].