The latest articles on DEV Community by Muhammed Rahif (@muhammed_rahif). https://dev.to/muhammed_rahif https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F732852%2Fced4eca0-712d-4089-9ba2-03a6fde46011.jpeg https://dev.to/muhammed_rahif en Muhammed Rahif Sun, 17 Nov 2024 20:13:09 +0000 https://dev.to/muhammed_rahif/notpad-reinventing-the-ordinary-notepad-experience-with-svelte-shadcn-and-tauri-34oc https://dev.to/muhammed_rahif/notpad-reinventing-the-ordinary-notepad-experience-with-svelte-shadcn-and-tauri-34oc <p>Hi, Dev Community! 👋 </p> <p>I’m excited to introduce <strong>Notpad</strong>, my modern take on the classic notepad app we all know and love. This isn’t just another text editor—it’s built using <strong><a href="https://svelte.dev/" rel="noopener noreferrer">Svelte</a></strong>, <strong><a href="https://shadcn-svelte.com" rel="noopener noreferrer">Shadcn</a></strong>, and <strong><a href="https://tauri.app/" rel="noopener noreferrer">Tauri</a></strong> to combine simplicity with a fresh, modern touch. </p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fump10qoxhfy2s8u0b9nc.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fump10qoxhfy2s8u0b9nc.png" alt="Screenshot" width="800" height="493"></a></p> <h2> <strong>Why Notpad?</strong> </h2> <p>Notpad is a result of my love for <strong>open-source development</strong>. Working on this project has been an enjoyable journey, and I’d love for the community to shape its future with me. Whether you’re a curious user or someone passionate about contributing, your input is incredibly valuable! </p> <p>Let’s face it: notepad apps come pre-installed on almost every OS these days, making it tough to stand out. That’s why I’ve focused on introducing exciting features that make Notpad fun, useful, and truly unique! 🎉 </p> <h2> <strong>Notpad’s Standout Features</strong> </h2> <ul> <li>✨ <strong>Animated Cursor</strong>: A magical little detail that feels great to use. </li> <li>📑 <strong>Line Numbers</strong>: A must-have for both coders and writers. </li> <li>📂 <strong>Multiple Editors</strong>: Work with several files side by side without hassle. </li> <li>🔍 <strong>Search Selected Text on Google</strong>: Highlight a word or phrase and search it instantly. </li> <li>🖋️ <strong>Rich Text Support</strong>: Built using <strong>Quill.js</strong>, the textarea supports rich text formatting. (Note: Full editing features are on the way.) </li> </ul> <p><strong>Missing a feature you’ve been looking for?</strong> <a href="https://github.com/Muhammed-Rahif/Notpad/issues/new" rel="noopener noreferrer">Create an issue here</a>! </p> <h2> <strong>Try Notpad</strong> </h2> <ul> <li>🌐 <strong>Live Website</strong>: Experience Notpad online: <a href="https://muhammed-rahif.github.io/Notpad/" rel="noopener noreferrer">Notpad Live</a> </li> <li>💻 <strong>Desktop Releases</strong>: Download the app for your OS: <a href="https://github.com/Muhammed-Rahif/Notpad/releases" rel="noopener noreferrer">Tauri Releases</a> </li> <li>🛠️ <strong>Github Repo</strong>: See the source code: <a href="https://github.com/Muhammed-Rahif/Notpad" rel="noopener noreferrer">Notpad Github</a> </li> </ul> <h2> <strong>How You Can Help/Contribute</strong> </h2> <p>Making a standout notepad app isn’t easy, but with your help, we can make Notpad even better! 💡 Whether it’s feedback, bug reports, creative ideas, or even coding contributions, here’s how you can get involved: </p> <ul> <li> <strong>Feature Suggestions</strong>: What do you love? What’s missing? </li> <li> <strong>Bug Reports</strong>: Help track down and fix issues. </li> <li> <strong>User Testing</strong>: Your experience helps refine Notpad. </li> <li> <strong>Creative Ideas</strong>: Have a cool idea? Let’s bring it to life. </li> <li> <strong>Coding Contributions</strong>: Help shape the app with your code! </li> </ul> <p>Got ideas or feedback? <a href="https://github.com/Muhammed-Rahif/Notpad/issues/new" rel="noopener noreferrer">Open an issue here</a>. </p> <p>Join me to take Notpad to the next level and make it truly stand out. Your ideas, feedback, and support mean the world to me! 🚀 </p> <p>Thank you for reading, and happy typing! 😊 </p> svelte javascript opensource productivity