Educator - YouTuber - Writer - Open Source Enthusiast

youtube

github

hashnode

devto

projects

Tapas Adhikary  • Peerlist

<p class="leading-6">TryShape is an opensource platform to create shapes of your choice using a simple, easy-to-use interface. You can create banners, circles, polygonal shapes, export them as SVG, PNG, and even as CSS.</p><p class="leading-6"><strong>TryShape</strong> comes with a bundle of features already. You can do the followings with it,</p><h3 class="rich-heading">🔢 Listing Shapes</h3><ul><li><p class="leading-6">List out shapes for you to pick and use.</p></li></ul><h3 class="rich-heading">🏗️ Create Shapes</h3><ul><li><p class="leading-6">Create any shapes using an intuitive editor.</p></li><li><p class="leading-6">Create Polygonal, Circular, Elliptical shapes without knowing the underlying complexities like CSS clip-path.</p></li><li><p class="leading-6">Add/Remove vertices, join them, drag-drop to position them to create a shape.</p></li><li><p class="leading-6">Provide your choice of colors, add the contextual information as notes while creating the shapes.</p></li><li><p class="leading-6">Are you an expert in CSS clip-path? Great, you can add a clip-path value directly and start from there.</p></li></ul><h3 class="rich-heading">📢 Controlling the Visibility of Shapes</h3><ul><li><p class="leading-6">You can create a shape and share it with the TryShape community by making it public.</p></li><li><p class="leading-6">Do you want to keep your creativity private? No worries, that's possible too.</p></li></ul><h3 class="rich-heading">💘 Like Shapes</h3><ul><li><p class="leading-6">Liked a shape and want to add it to your shape collection? You can do that just with a click. Want to undo? That's supported as well.</p></li></ul><h3 class="rich-heading">✨ Export Shapes</h3><ul><li><p class="leading-6">Export the shapes to use in your application.</p></li><li><p class="leading-6">Export the shapes as PNG, JPEG, and SVG files.</p></li><li><p class="leading-6">Single-Click Copy of the underlying CSS and clip-path property to use directly into your web app.</p></li></ul><h3 class="rich-heading">🔍 Search Shapes</h3><ul><li><p class="leading-6">Search a shape with key-in search.</p></li></ul><h3 class="rich-heading">🎿 Sort Shapes</h3><ul><li><p class="leading-6">Sort shapes by, most liked, recent, and oldest.</p></li></ul><h3 class="rich-heading">🔑 Authentication &amp; Authorization</h3><ul><li><p class="leading-6">Features like export, like, create, edit shapes need you to authenticate with the app. You can use your Gmail or GitHub credentials to authenticate to the app. It is secured and powered by Google Firebase.</p></li></ul><h3 class="rich-heading">📱 Responsive and mobile-friendly</h3><ul><li><p class="leading-6">Use TryShape seamlessly from any device.</p></li></ul>

TryShape

Founding Engineer @Isotopes AI • Building Aidnn • ex-HackerRank • Open Source • Technical Writer

Front-end developer

<p class="leading-6">ReactPlay is an Open Source platform that helps anyone learn ReactJS faster with a hands-on practice model. It is a collection of ReactJS projects you can use to learn ReactJS.</p><p class="leading-6">Is that all? Nope. You can also create your projects and share them with the world. The best part is that the ReactJS experts will review your project code before it gets part of the ReactPlay platform. Isn't that a pure WIN-WIN?</p><p class="leading-6">The ReactPlay community is live. The community is driven by enthusiastic contributors, dedicated maintainers, and a growing number of participants learning from the platform. Developers, reviewed by the experts, develop several projects(we call them plays), and finally, live on production for others to learn from.</p><p class="leading-6">ReactPlay is not only about learning and sharing about ReactJS. It is beyond that. Contributors create content and publish them on the ReactPlay Blog. The community also aims to grow with the knowledge of Git, GitHub, Open Source, and Web Development.</p><p class="leading-6">Important Links</p><ul><li><p class="leading-6"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://reactplay.io/">ReactPlay Website</a></p></li><li><p class="leading-6"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/reactplay">ReactPlay Org on GitHub</a></p></li><li><p class="leading-6"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://twitter.com/ReactPlayIO">ReactPlay on Twitter</a></p></li><li><p class="leading-6"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://discord.gg/vrTxWUP8Am">ReactPlay Community on Discord</a></p></li><li><p class="leading-6"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://blog.reactplay.io/">ReactPlay Blog</a></p></li></ul>