The latest articles on DEV Community by Rahul Kumar (@rahuls321). https://dev.to/rahuls321 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%2F392082%2F0211fadf-4297-4d24-a21f-c1573b9b3ec3.png https://dev.to/rahuls321 en Rahul Kumar Thu, 25 Jun 2020 13:57:41 +0000 https://dev.to/rahuls321/fashionista-bot-1ngo https://dev.to/rahuls321/fashionista-bot-1ngo <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--B2vtUrcm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/oovshi83r31hxrlk12yl.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--B2vtUrcm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/oovshi83r31hxrlk12yl.jpg" alt="Alt Text"></a><br> Recently I have built a React app that can detect different clothing items in an image. This is a part of my TODO app.<br> For this app, I have used the following tools:</p> <p>Front-End part: React, Clarifai (For API)<br> Back-End part: Node.js, Express.js<br> Database: PostgreSQL<br> Deployment: Heroku + Github</p> <h2> Demo Link - <a href="https://rahuls321.github.io/fashionista-bot/">Fashionista-bot</a> </h2> <h2> Resources that I have used in this app are mentioned below: </h2> <ol> <li><a href="https://tachyons.io/">Tachyons</a></li> <li><a href="https://github.com/jonathandion/react-tilt">React-Tilt</a></li> <li><a href="https://www.npmjs.com/package/react-particles-js">Particle Js</a></li> <li><a href="https://www.clarifai.com/">Clarifai API</a></li> <li><a href="https://mailchimp.com/">MailChimp</a></li> </ol> Rahul Kumar Fri, 22 May 2020 14:00:31 +0000 https://dev.to/rahuls321/face-detecting-bot-27m5 https://dev.to/rahuls321/face-detecting-bot-27m5 <h2> My First React Project </h2> <h2> Demo Link - <a href="https://rahuls321.github.io/SmartBot/">https://rahuls321.github.io/SmartBot/</a> </h2> <h2> Link to Code - <a href="https://github.com/rahuls321/SmartBot">https://github.com/rahuls321/SmartBot</a> </h2> <h2> How I built it? </h2> <p>I have built one SmartBot using React which can detect a face in the picture. I have used machine learning Clarifai API for detecting the face. I have also added the demo link. Give it a try.</p> <h2> Resources which I have used to learn React and built this awesome app. </h2> <ol> <li><a href="https://www.codecademy.com/learn/react-101">https://www.codecademy.com/learn/react-101</a></li> <li><a href="https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery/">https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery/</a></li> <li><a href="https://github.com/enaqx/awesome-react">https://github.com/enaqx/awesome-react</a></li> <li><a href="https://www.freecodecamp.org/learn">https://www.freecodecamp.org/learn</a></li> <li><a href="https://www.clarifai.com/models/face-detection-image-recognition-model-a403429f2ddf4b49b307e318f00e528b-detection">https://www.clarifai.com/models/face-detection-image-recognition-model-a403429f2ddf4b49b307e318f00e528b-detection</a></li> </ol> octograd2020