The latest articles on DEV Community by Dhruv Patil (@larsonjack05). https://dev.to/larsonjack05 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%2F788019%2F501b283c-5aea-4e4b-968a-c090d71bf07d.png https://dev.to/larsonjack05 en Dhruv Patil Fri, 04 Mar 2022 21:28:55 +0000 https://dev.to/larsonjack05/codepen-clone-using-reactjs-and-azure-static-app-service-17gn https://dev.to/larsonjack05/codepen-clone-using-reactjs-and-azure-static-app-service-17gn <h3> Overview of My Submission🎉 </h3> <p>I created simple to understand in browser html painter like codepen 😋</p> <h3> Submission Category: </h3> <p>Static App Service</p> <h3> Link to Code on GitHub </h3> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--566lAguM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/larsonjack05"> larsonjack05 </a> / <a href="https://github.com/larsonjack05/react-app"> react-app </a> </h2> <h3> </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> React basic</h1> <p><a href="https://docs.microsoft.com/azure/static-web-apps/overview" rel="nofollow">Azure Static Web Apps</a> allows you to easily build <a href="https://reactjs.org/" rel="nofollow">React</a> apps in minutes. Use this repo with the <a href="https://docs.microsoft.com/azure/static-web-apps/getting-started?tabs=react" rel="nofollow">React quickstart</a> to build and customize a new static site.</p> <p>This project was bootstrapped with <a href="https://github.com/facebook/create-react-app">Create React App</a>.</p> <h1> Codepen Clone using ReactJS</h1> <p>##Have a look at it! <a rel="noopener noreferrer" href="https://github.com/larsonjack05/react-appdemo.gif"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--K1sVwJyW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://github.com/larsonjack05/react-appdemo.gif" alt="Demo Gif" title="demo"></a></p> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/larsonjack05/react-app">View on GitHub</a></div> <br> </div> <br> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--VC9fwj4p--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/av91k5r7l3mh43fa4nqk.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--VC9fwj4p--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/av91k5r7l3mh43fa4nqk.png" alt="Codepen clone" width="880" height="491"></a></p> <h3> Additional Resources / Info </h3> <p>Azure documentation ❤</p> <p>Azure React App</p> azuretrialhack Dhruv Patil Mon, 10 Jan 2022 08:18:13 +0000 https://dev.to/larsonjack05/mongodb-submission-post-placeholder-title-400l https://dev.to/larsonjack05/mongodb-submission-post-placeholder-title-400l <h3> Overview of My Submission </h3> <p>🎊A portal to showcase MongoDB hackathon projects.</p> <h3> Submission Category:📢 </h3> <p>Choose Your own adventure</p> <h3> Link to Code✨ </h3> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--566lAguM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/larsonjack05"> larsonjack05 </a> / <a href="https://github.com/larsonjack05/atlashackathon-project"> atlashackathon-project </a> </h2> <h3> My submittion for Mongodb hackathon </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> atlashackathon project</h1> <p>My submittion for Mongodb hackathon</p> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/larsonjack05/atlashackathon-project">View on GitHub</a></div> <br> </div> <br> <p><a href="https://github.com/larsonjack05/atlashackathon-project">Source Code</a></p> <h3> Additional Resources / Info📙 </h3> <p>Expressjs as server<br> I used google authentication for login functionality and MongoDB for storing user posts.<br> Multer for form processing.<br> Passportjs and session for user user authentication.</p> <h1> Video 🎥 </h1> <p>YouTube: <iframe width="710" height="399" src="https://www.youtube.com/embed/wKdpuagfhNs"> </iframe> </p> <p>PM PT/2 AM ET on January 14th, 2022/6 AM UTC on January 14th, 2022).</p> atlashackathon