<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: TANMOY MANDAL</title>
    <description>The latest articles on Forem by TANMOY MANDAL (@tantanmoy).</description>
    <link>https://forem.com/tantanmoy</link>
    <image>
      <url>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%2F338768%2Fc0c916cd-8379-46e2-a143-a55c4e4dd74f.jpg</url>
      <title>Forem: TANMOY MANDAL</title>
      <link>https://forem.com/tantanmoy</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/tantanmoy"/>
    <language>en</language>
    <item>
      <title>Flower Identifier using Gemini API &amp; Next.JS</title>
      <dc:creator>TANMOY MANDAL</dc:creator>
      <pubDate>Wed, 07 Aug 2024 16:35:56 +0000</pubDate>
      <link>https://forem.com/tantanmoy/flower-identifier-using-gemini-api-nextjs-3107</link>
      <guid>https://forem.com/tantanmoy/flower-identifier-using-gemini-api-nextjs-3107</guid>
      <description>&lt;p&gt;&lt;strong&gt;About Flower Identifier&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;What is Flower Identifier?&lt;/strong&gt;&lt;br&gt;
Flower Identifier is a web application that uses advanced image recognition technology to help you identify flowers from uploaded images. Whether you're a gardening enthusiast, a nature lover, or simply curious about the flowers you see, our app can help you put a name to those beautiful blooms.&lt;/p&gt;

&lt;p&gt;&lt;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%2Fyjz8d4tsd6il5bsvd80w.PNG" class="article-body-image-wrapper"&gt;&lt;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%2Fyjz8d4tsd6il5bsvd80w.PNG" alt="Image description" width="584" height="834"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://flower-identifier.vercel.app/" rel="noopener noreferrer"&gt;https://flower-identifier.vercel.app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How to Use&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Upload a clear image of the flower you want to identify.&lt;/li&gt;
&lt;li&gt;Click the "Identify Flower" button.&lt;/li&gt;
&lt;li&gt;Wait for our AI to analyze the image.&lt;/li&gt;
&lt;li&gt;View the identification results, including the flower's name and brief description.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Our Technology&lt;/strong&gt;&lt;br&gt;
Flower Identifier leverages the power of Google's Gemini API, a cutting-edge multimodal AI model. This advanced technology allows us to analyze images with high accuracy and provide detailed information about the identified flowers. The Gemini API's capabilities in understanding both visual and textual information make it an ideal choice for our flower identification tasks.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why Gemini API?&lt;/strong&gt;&lt;br&gt;
We chose the Gemini API for its exceptional performance in image recognition and its ability to provide rich, contextual information. This allows us to not only identify flowers but also offer additional details about their characteristics, growing conditions, and interesting facts. The Gemini API's multimodal capabilities enable a more comprehensive and user-friendly flower identification experience.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>showdev</category>
      <category>ai</category>
      <category>nextjs</category>
    </item>
    <item>
      <title>URL shortener application</title>
      <dc:creator>TANMOY MANDAL</dc:creator>
      <pubDate>Tue, 14 May 2024 06:51:36 +0000</pubDate>
      <link>https://forem.com/tantanmoy/url-shortener-application-424o</link>
      <guid>https://forem.com/tantanmoy/url-shortener-application-424o</guid>
      <description>&lt;p&gt;Recently, I developed a URL shortener application utilizing Next.js and Firebase Realtime Database.&lt;/p&gt;

&lt;p&gt;If anyone wants to contribute to the project, your input is always welcome!😊😊&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Demo : [&lt;a href="https://url-shortener0.vercel.app/" rel="noopener noreferrer"&gt;https://url-shortener0.vercel.app/&lt;/a&gt;]&lt;br&gt;
Github link: [&lt;a href="https://github.com/TANTANMOY/URL-Shortener" rel="noopener noreferrer"&gt;https://github.com/TANTANMOY/URL-Shortener&lt;/a&gt;]&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;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%2Fxs66etdo7k4cc8rd1wxx.PNG" class="article-body-image-wrapper"&gt;&lt;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%2Fxs66etdo7k4cc8rd1wxx.PNG" alt="Image description" width="800" height="412"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>webdev</category>
      <category>nextjs</category>
      <category>react</category>
    </item>
    <item>
      <title>Free Hosting for Static Website</title>
      <dc:creator>TANMOY MANDAL</dc:creator>
      <pubDate>Mon, 13 Jun 2022 20:29:32 +0000</pubDate>
      <link>https://forem.com/tantanmoy/free-hosting-for-static-website-4em7</link>
      <guid>https://forem.com/tantanmoy/free-hosting-for-static-website-4em7</guid>
      <description>&lt;p&gt;🌐 &lt;a href="https://pages.github.com/" rel="noopener noreferrer"&gt;GitHub Pages&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;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%2Fmnq6xld12g03qwndda95.png" class="article-body-image-wrapper"&gt;&lt;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%2Fmnq6xld12g03qwndda95.png" alt="Image description" width="800" height="444"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🌐 &lt;a href="https://www.netlify.com/" rel="noopener noreferrer"&gt;Netlify&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;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%2Fv9gw8dqocu95hh81o4p1.png" class="article-body-image-wrapper"&gt;&lt;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%2Fv9gw8dqocu95hh81o4p1.png" alt="Image description" width="800" height="373"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🌐 &lt;a href="https://firebase.google.com/" rel="noopener noreferrer"&gt; Firebase Hosting&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;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%2Fqzsjwelj9w4ukqner9b1.png" class="article-body-image-wrapper"&gt;&lt;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%2Fqzsjwelj9w4ukqner9b1.png" alt="Image description" width="800" height="366"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🌐 &lt;a href="https://vercel.com/" rel="noopener noreferrer"&gt;Vercel&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;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%2F0pzuapl4x7yijprpqlx0.png" class="article-body-image-wrapper"&gt;&lt;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%2F0pzuapl4x7yijprpqlx0.png" alt="Image description" width="800" height="374"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🌐 &lt;a href="https://aws.amazon.com/s3/" rel="noopener noreferrer"&gt;Amazon S3 Hosting&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;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%2F1an8xnzd3ykwgprj7vff.png" class="article-body-image-wrapper"&gt;&lt;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%2F1an8xnzd3ykwgprj7vff.png" alt="Image description" width="800" height="339"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🌐 &lt;a href="https://pages.cloudflare.com/" rel="noopener noreferrer"&gt;Cloudflare Pages&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;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%2Fx3b96gviyehttlvzb43h.png" class="article-body-image-wrapper"&gt;&lt;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%2Fx3b96gviyehttlvzb43h.png" alt="Image description" width="800" height="372"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🌐 &lt;a href="https://render.com/" rel="noopener noreferrer"&gt;Render.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;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%2Ftapwie1zt3l1okd81kd8.png" class="article-body-image-wrapper"&gt;&lt;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%2Ftapwie1zt3l1okd81kd8.png" alt="Image description" width="800" height="373"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🌐 &lt;a href="https://glitch.com/" rel="noopener noreferrer"&gt;Glitch.com &lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;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%2F94ahhgdnvrgzww2ct6xq.png" class="article-body-image-wrapper"&gt;&lt;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%2F94ahhgdnvrgzww2ct6xq.png" alt="Image description" width="800" height="376"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🌐 &lt;a href="https://surge.sh/" rel="noopener noreferrer"&gt;Surge.sh&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;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%2Ftnjvup4kqjbimqk4z97w.png" class="article-body-image-wrapper"&gt;&lt;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%2Ftnjvup4kqjbimqk4z97w.png" alt="Image description" width="800" height="374"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🌐 &lt;a href="https://fleek.co/" rel="noopener noreferrer"&gt;Fleek.co&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;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%2Fs2sf0pc9b2d4th8afi61.png" class="article-body-image-wrapper"&gt;&lt;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%2Fs2sf0pc9b2d4th8afi61.png" alt="Image description" width="800" height="376"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>staticwebapps</category>
      <category>react</category>
      <category>angular</category>
    </item>
    <item>
      <title>10 Best JavaScript Animation Libraries 🔥</title>
      <dc:creator>TANMOY MANDAL</dc:creator>
      <pubDate>Mon, 07 Jun 2021 10:32:03 +0000</pubDate>
      <link>https://forem.com/tantanmoy/10-best-javascript-animation-libraries-3dhc</link>
      <guid>https://forem.com/tantanmoy/10-best-javascript-animation-libraries-3dhc</guid>
      <description>&lt;p&gt;&lt;strong&gt;&lt;a href="https://animejs.com/" rel="noopener noreferrer"&gt;1. Anime.js&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
&lt;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%2Ftwjju4snmf7hv6305t67.PNG" class="article-body-image-wrapper"&gt;&lt;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%2Ftwjju4snmf7hv6305t67.PNG" alt="anime.js" width="800" height="351"&gt;&lt;/a&gt;&lt;br&gt;
Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API.The library has a small file size and supports all modern browsers.You can use it to animate HTML, CSS, JS, SVG and DOM attributes.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://greensock.com/" rel="noopener noreferrer"&gt;2. GSAP&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
&lt;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%2Ft5j4tbc4jb7xfplc4jz6.png" class="article-body-image-wrapper"&gt;&lt;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%2Ft5j4tbc4jb7xfplc4jz6.png" alt="GSAP" width="800" height="377"&gt;&lt;/a&gt;&lt;br&gt;
GSAP is a robust JavaScript toolset that turns developers into animation superheroes.GSAP animates anything JavaScript can touch (CSS properties, SVG, React, canvas, generic objects, whatever). It's up to 20x faster than jQuery! &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://threejs.org/" rel="noopener noreferrer"&gt;3. Three.js&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
&lt;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%2F14pk3cixtq2r8rqlrlvs.png" class="article-body-image-wrapper"&gt;&lt;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%2F14pk3cixtq2r8rqlrlvs.png" alt="three.js" width="800" height="365"&gt;&lt;/a&gt;&lt;br&gt;
Three.js is a lightweight and user-friendly JavaScript 3D animation library.Three.js have 70K+ stars on GitHub. It’s dependent on WebGL to create and render 3D animations in the browsers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://mojs.github.io/" rel="noopener noreferrer"&gt;4. Mo.js&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
&lt;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%2Fe3fu8aelt2zwkwajf887.png" class="article-body-image-wrapper"&gt;&lt;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%2Fe3fu8aelt2zwkwajf887.png" alt="mo.js" width="800" height="376"&gt;&lt;/a&gt;&lt;br&gt;
Mo.js is a javascript motion graphics library.It's fast, retina-ready, modular, and open source library.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://popmotion.io/" rel="noopener noreferrer"&gt;5. Popmotion&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
&lt;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%2F8cqi02rd2xcvm4fcg0ow.png" class="article-body-image-wrapper"&gt;&lt;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%2F8cqi02rd2xcvm4fcg0ow.png" alt="popmotion" width="800" height="377"&gt;&lt;/a&gt;&lt;br&gt;
Popmotion gives the power of JavaScript merged with the simplicity of CSS to make declarative animations easily on your HTML, SVG, and React projects.It features animations like keyframes, decay, timeline for synchronizing multiple instances and more.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://anijs.github.io/" rel="noopener noreferrer"&gt;6. AniJS&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
&lt;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%2Fzczslgxwp25v7rx2web1.png" class="article-body-image-wrapper"&gt;&lt;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%2Fzczslgxwp25v7rx2web1.png" alt="anijs" width="800" height="329"&gt;&lt;/a&gt;&lt;br&gt;
AniJS lets you create animated styling for your website without any JavaScript or CSS coding! You can specify all your animations with HTML using a simple If-On-Do-To syntax.It allows you to add animations to elements in a simple way.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://thednp.github.io/kute.js/" rel="noopener noreferrer"&gt;7. KUTE.js&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
&lt;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%2F5rxm4639hmutdhd40o21.png" class="article-body-image-wrapper"&gt;&lt;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%2F5rxm4639hmutdhd40o21.png" alt="kutejs" width="800" height="343"&gt;&lt;/a&gt;&lt;br&gt;
KUTE.js is a feature-rich JavaScript animation library.KUTE.js is now a fully featured animation engine you can use to create complex animations, with properties or elements that cannot be animated with CSS3 transitions.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="http://velocityjs.org/" rel="noopener noreferrer"&gt;8. Velocity.js&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
&lt;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%2Fatmtp57cj22puqksqfaa.png" class="article-body-image-wrapper"&gt;&lt;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%2Fatmtp57cj22puqksqfaa.png" alt="Alt Text" width="800" height="378"&gt;&lt;/a&gt;&lt;br&gt;
Velocity.js is a JavaScript animation library for fast performing animations.It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://maxwellito.github.io/vivus/" rel="noopener noreferrer"&gt;9. Vivus.js&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
&lt;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%2Fpv33mqmja7id358lalb4.png" class="article-body-image-wrapper"&gt;&lt;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%2Fpv33mqmja7id358lalb4.png" alt="Alt Text" width="800" height="372"&gt;&lt;/a&gt;&lt;br&gt;
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearance of being drawn.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://scrollrevealjs.org/" rel="noopener noreferrer"&gt;10. ScrollReveal JS&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
&lt;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%2F2dfd1ooadwkmesrocf8i.png" class="article-body-image-wrapper"&gt;&lt;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%2F2dfd1ooadwkmesrocf8i.png" alt="Alt Text" width="800" height="371"&gt;&lt;/a&gt;&lt;br&gt;
ScrollReveal is a JavaScript library for easily animating elements as they scroll into view.It was designed to be robust and flexible.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>html</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Razorpay Payment Gateway Integration in PHP With Db Integration</title>
      <dc:creator>TANMOY MANDAL</dc:creator>
      <pubDate>Fri, 12 Mar 2021 08:06:53 +0000</pubDate>
      <link>https://forem.com/tantanmoy/razorpay-payment-gateway-integration-in-php-with-db-integration-33da</link>
      <guid>https://forem.com/tantanmoy/razorpay-payment-gateway-integration-in-php-with-db-integration-33da</guid>
      <description>&lt;p&gt;Lots, of time we are facing problem to add payment gateway integration in our websites.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/TANTANMOY/Razorpay-with-PHP" rel="noopener noreferrer"&gt;https://github.com/TANTANMOY/Razorpay-with-PHP&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;👆 Here i Created Razorpay Payment Gateway Integration in PHP With Db Integration.&lt;/p&gt;

</description>
      <category>php</category>
      <category>razorpay</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Free courses</title>
      <dc:creator>TANMOY MANDAL</dc:creator>
      <pubDate>Tue, 07 Jul 2020 21:24:04 +0000</pubDate>
      <link>https://forem.com/tantanmoy/udemy-100-free-courses-41gj</link>
      <guid>https://forem.com/tantanmoy/udemy-100-free-courses-41gj</guid>
      <description>&lt;p&gt;I created a PWA for udemy free courses, where i post udemy courses. I created this using Node.js for backend and React for frontend.&lt;br&gt;
🔗&lt;a href="https://trickpiece.live" rel="noopener noreferrer"&gt;https://trickpiece.live&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I made this project for education purpose only.If anybody interested to work with me, ping me  (&lt;a href="https://www.instagram.com/i_loveweb_dsgn/" rel="noopener noreferrer"&gt;https://www.instagram.com/i_loveweb_dsgn/&lt;/a&gt;)&lt;/p&gt;

</description>
      <category>react</category>
      <category>node</category>
      <category>webdev</category>
      <category>showdev</category>
    </item>
    <item>
      <title>COVID-19 Live Updates PWA</title>
      <dc:creator>TANMOY MANDAL</dc:creator>
      <pubDate>Sun, 19 Apr 2020 19:49:55 +0000</pubDate>
      <link>https://forem.com/tantanmoy/covid-19-live-updates-pwa-3l3</link>
      <guid>https://forem.com/tantanmoy/covid-19-live-updates-pwa-3l3</guid>
      <description>&lt;p&gt;Today i made a COVID-19 Live updates Progressive Web Apps(PWA) using react,&lt;br&gt;
For COVID-19 data i use API( &lt;a href="https://api.covid19api.com/" rel="noopener noreferrer"&gt;https://api.covid19api.com/&lt;/a&gt; ) it is really useful&lt;br&gt;
and Live API.&lt;br&gt;
Through the API i made this website.&lt;br&gt;
🔗 Website(PWA) : &lt;a href="https://covid-19-807c4.web.app" rel="noopener noreferrer"&gt;https://covid-19-807c4.web.app&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;I upload source code to my github &lt;br&gt;
👉 &lt;a href="https://github.com/TANTANMOY/covid-19" rel="noopener noreferrer"&gt;https://github.com/TANTANMOY/covid-19&lt;/a&gt; &lt;/p&gt;

</description>
      <category>react</category>
      <category>codenewbie</category>
      <category>javascript</category>
      <category>devlive</category>
    </item>
    <item>
      <title>Amazon S3 File Upload using Node.js</title>
      <dc:creator>TANMOY MANDAL</dc:creator>
      <pubDate>Thu, 02 Apr 2020 19:46:04 +0000</pubDate>
      <link>https://forem.com/tantanmoy/amazon-s3-file-upload-using-node-js-1a81</link>
      <guid>https://forem.com/tantanmoy/amazon-s3-file-upload-using-node-js-1a81</guid>
      <description>&lt;p&gt;Amazon Simple storage service(AWS S3) is a popular web service that provides highly scalable,durable and secure file storage system on web. We can use AWS S3 web Services to store files, and it is easy to retrieve from anywhere.&lt;br&gt;
In my Github i upload how to use Amazon S3 file upload using Node.js.&lt;br&gt;
This is my Github Repo  &lt;a href="https://github.com/TANTANMOY/AWS-S3" rel="noopener noreferrer"&gt;https://github.com/TANTANMOY/AWS-S3&lt;/a&gt;&lt;/p&gt;

</description>
      <category>node</category>
      <category>react</category>
      <category>aws</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Multer s3 File Name cant't save to my mongodb</title>
      <dc:creator>TANMOY MANDAL</dc:creator>
      <pubDate>Wed, 01 Apr 2020 21:30:02 +0000</pubDate>
      <link>https://forem.com/tantanmoy/multer-s3-file-name-cant-t-save-to-my-mongodb-450p</link>
      <guid>https://forem.com/tantanmoy/multer-s3-file-name-cant-t-save-to-my-mongodb-450p</guid>
      <description>&lt;p&gt;app&lt;br&gt;
  .route("/blog")&lt;br&gt;
  .get((req, res) =&amp;gt;&lt;br&gt;
    blog.find((err, data) =&amp;gt; {&lt;br&gt;
      if (!err) {&lt;br&gt;
        res.send(data);&lt;br&gt;
      } else {&lt;br&gt;
        res.send(err);&lt;br&gt;
      }&lt;br&gt;
    })&lt;br&gt;
  )&lt;br&gt;
  .post( upload.array('photo',1), (req, res, next) =&amp;gt; {&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const newBlog = new blog({

  blog_title: req.body.blog_title,
  blog_content: req.body.blog_content,
  photo: ******  
});
newBlog.save((err,data) =&amp;gt; {
  if (data) {
      console.log("successfully added new articles")
      console.log(req.body)
      console.log(req.files)
    res.send(data);
  } else {
    res.send(err);
  }
});
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;});&lt;/p&gt;

&lt;p&gt;I use Multer to post photo into the aws s3 it successfully post but i want to save post photo file name to my database. please help&lt;/p&gt;

</description>
      <category>node</category>
      <category>react</category>
      <category>devops</category>
      <category>help</category>
    </item>
    <item>
      <title>Why photo not upload when i deploy on heroku</title>
      <dc:creator>TANMOY MANDAL</dc:creator>
      <pubDate>Sat, 28 Mar 2020 21:49:00 +0000</pubDate>
      <link>https://forem.com/tantanmoy/nodejs-react-mern-dev-gaf</link>
      <guid>https://forem.com/tantanmoy/nodejs-react-mern-dev-gaf</guid>
      <description>&lt;p&gt;I made a MERN project,there for my backend i use multer for form upload. It work perfectly in my local machine and posted photo save on my nodejs directory but when i deploy it on heroku,photo not save on upload directory please help me i try to solve it from many hours&lt;/p&gt;

</description>
      <category>node</category>
      <category>react</category>
      <category>devops</category>
      <category>help</category>
    </item>
    <item>
      <title>Differences between TCP and UDP</title>
      <dc:creator>TANMOY MANDAL</dc:creator>
      <pubDate>Fri, 28 Feb 2020 20:13:30 +0000</pubDate>
      <link>https://forem.com/tantanmoy/differences-between-tcp-and-udp-lhn</link>
      <guid>https://forem.com/tantanmoy/differences-between-tcp-and-udp-lhn</guid>
      <description>&lt;p&gt;TCP: Transmission Control Protocol(TCP) is a connection-oriented protocol that computers use to communicate over the internet&lt;br&gt;
UDP: User Datagram Protocol(UDP) is a connectionless protocol that works like TCP, but for UDP error-checking and recovery services are not required.UDP sends datagrams to the recipient whether they receive them or not&lt;br&gt;
TCP is connection-oriented protocol that establish a connection before starting the communication but UDP is connection less protocol from UDP Data is transferred in one direction from source to destination without checking that destination is still there or not.&lt;br&gt;
TCP checks whether message is received or not and sends again if an error occurs but for UDP does not guarantees a messages delivery.&lt;br&gt;
Ordering: TCP does ordering and sequencing to guarantee that packets sent from a server will be delivered to receiver in same sequence,but for the UDP sends packets in any order.&lt;br&gt;
Speed: TCP is slower than UDP cause it has a lot more to do.TCP has to establish and guarantee that files are received in the order they were sent.&lt;br&gt;
TCP USE: HTTP,HTTPS,SSH,FTP,SMTP,POP&lt;br&gt;
UDP USE: Streaming videos, online games,Live Broadcasts,TFTP&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>showdev</category>
      <category>codenewbie</category>
    </item>
  </channel>
</rss>
