The latest articles on DEV Community by Mukul Rajpoot (@mukulrajpoot262610). https://dev.to/mukulrajpoot262610 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%2F651683%2F8b4ea33a-7aeb-498c-9309-8a0d5f6a53cb.png https://dev.to/mukulrajpoot262610 en Mukul Rajpoot Mon, 27 Dec 2021 15:31:27 +0000 https://dev.to/mukulrajpoot262610/complete-authentication-using-firebase-3l8d https://dev.to/mukulrajpoot262610/complete-authentication-using-firebase-3l8d <p>Hello guys 👋,</p> <p>I made a complete authentication module using firebase. Frontend is built using next.js and database I'm using is mongoDB. </p> <p>It also have user email-verification and password-reset functionality. I made this app to learn about how to export firebase user data to another database like mongodb.</p> <h2> Some Screenshot </h2> <p><a href="https://media.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%2Ftvgwemqbgl9gviqsjfa1.png" class="article-body-image-wrapper"><img src="https://media.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%2Ftvgwemqbgl9gviqsjfa1.png" alt="Image description"></a></p> <p><a href="https://media.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%2F2uid3dfa9ofe29teop6b.png" class="article-body-image-wrapper"><img src="https://media.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%2F2uid3dfa9ofe29teop6b.png" alt="Image description"></a></p> <p><a href="https://media.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%2Fr4m9wd5q7dt9rvm5i024.png" class="article-body-image-wrapper"><img src="https://media.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%2Fr4m9wd5q7dt9rvm5i024.png" alt="Image description"></a></p> <h2> How to setup </h2> <p>Step 1: Clone project from <a href="https://github.com/mukulrajpoot262610/dev-case-app" rel="noopener noreferrer">here</a></p> <p>Step 2: Run <code>npm install</code> to install dependencies</p> <p>Step 3: Create a firebase project and mongoDB cluster.</p> <p>Step 4: Generate a <code>.env</code> file and add your firebase and mongodb uri in that file.</p> <p>Step 5: Setup your service account on firebase and generate a new private key and add them in your env file.</p> <p>Step 6: You are good to go. 😎</p> <p>Deployed Link: <a href="https://dev-case-app.vercel.app/" rel="noopener noreferrer">Live Link</a><br> Github Link: <a href="https://github.com/mukulrajpoot262610/dev-case-app" rel="noopener noreferrer">GitHub</a></p> firebase nextjs react webdev Mukul Rajpoot Thu, 25 Nov 2021 02:57:13 +0000 https://dev.to/mukulrajpoot262610/dev-profile-with-github-apis-2bg6 https://dev.to/mukulrajpoot262610/dev-profile-with-github-apis-2bg6 <p>Hey guys, Here is an GitHub Profiler. It is built using nextjs, tailwind, GitHub Rest apis and deployed on Vercel. </p> <p>Let me know what do you think guys.</p> <h2> ScreenShot </h2> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--KXVc5qke--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d7mgykk2oecz0iymz7ko.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--KXVc5qke--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d7mgykk2oecz0iymz7ko.png" alt="Image description" width="880" height="875"></a></p> <h3> GitHub Repo </h3> <p><a href="https://github.com/mukulrajpoot262610/github_profiler">GitHub</a></p> <h3> Live Link </h3> <p><a href="https://dev-profiler.vercel.app/">Dev Profiler</a></p> github nextjs tailwindcss webdev Mukul Rajpoot Sun, 21 Nov 2021 11:22:37 +0000 https://dev.to/mukulrajpoot262610/clean-minimal-portfolio-website-42nn https://dev.to/mukulrajpoot262610/clean-minimal-portfolio-website-42nn <h1> Portfolio Website </h1> <p>Hey, this is my portfolio website, Let me know what do you think about the website.</p> <p><a href="https://media.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%2Fprfw7g7so7smsreilv53.png" class="article-body-image-wrapper"><img src="https://media.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%2Fprfw7g7so7smsreilv53.png" alt="Homepage"></a></p> <p>Website is made using next.js, tailwind, GSAP and deployed on Vercel.</p> <p>Live Link<br> <a href="https://mukulrajpoot.vercel.app/" rel="noopener noreferrer">Link to Website</a></p> <p>GitHub Link<br> <a href="https://github.com/mukulrajpoot262610/portfolio-2021" rel="noopener noreferrer">Link to Repo</a></p> <h2> Some Screenshots </h2> <p><a href="https://media.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%2Fxz25morpabpt9y9p1q8y.png" class="article-body-image-wrapper"><img src="https://media.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%2Fxz25morpabpt9y9p1q8y.png" alt="Image description"></a> <br> <a href="https://media.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%2Fmqnpm4vuwyawyqkrw6z9.png" class="article-body-image-wrapper"><img src="https://media.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%2Fmqnpm4vuwyawyqkrw6z9.png" alt="Image description"></a></p> nextjs tailwindcss vercel webdev Mukul Rajpoot Tue, 20 Jul 2021 02:27:54 +0000 https://dev.to/mukulrajpoot262610/day-1-of-100-47ih https://dev.to/mukulrajpoot262610/day-1-of-100-47ih <p>efee<br> e<br> e<br> e</p> Mukul Rajpoot Sun, 20 Jun 2021 06:42:46 +0000 https://dev.to/mukulrajpoot262610/100-days-of-react-774 https://dev.to/mukulrajpoot262610/100-days-of-react-774 <p>Hello everyone 👋,</p> <p>I'm very excited to start the challenge of #100DaysOfReact, In this I will build projects with learning React concepts. This is my first challenge, I don't know that I can complete it in a streak but I'm pretty sure I will build 100 projects in React.</p> <p>I will tweet and post daily progress on twitter and LinkedIn respectively.🏆</p> <p>I had also made a React website, on that I will upload my projects links as well as Github links.<br> 👉 Here is the website: <a href="https://projects-mr.netlify.app/">https://projects-mr.netlify.app/</a></p> <p>Wish me GoodLuck 👍</p> redux react javascript 100daysofcode