The latest articles on DEV Community by Ripak Raj (@ripak_raj_6182230500b51ce). https://dev.to/ripak_raj_6182230500b51ce 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%2F3948949%2Fcb9abaa8-774a-4961-96d4-526bbd430c32.png https://dev.to/ripak_raj_6182230500b51ce en Ripak Raj Sun, 24 May 2026 11:25:59 +0000 https://dev.to/ripak_raj_6182230500b51ce/imagify-ai-image-generation-platform-with-mern-stack-razorpay-1bao https://dev.to/ripak_raj_6182230500b51ce/imagify-ai-image-generation-platform-with-mern-stack-razorpay-1bao <h2> What I Built </h2> <p>I built Imagify, an AI Image Generation web application where users can generate images using text prompts.<br> The project is built using the MERN stack with AI integration using the ClipDrop API by Jasper AI.<br> Users can:<br> Generate AI images from text<br> Download generated images<br> Buy credits using Razorpay<br> Manage image generation credits securely</p> <p>This project helped me learn full-stack development, API integration, authentication, and payment gateway implementation in a real-world project.</p> <h2> Project Features </h2> <p>AI Image Generation<br> Download Image<br> Credit System<br> Razorpay Payment Integration<br> JWT Authentication</p> <h2> GitHub Repository </h2> <p>(<a href="https://github.com/Ripak2005/Imagify" rel="noopener noreferrer">https://github.com/Ripak2005/Imagify</a>)</p> <h2> The Comeback Story </h2> <p>Before this challenge, my project was incomplete and had many missing functionalities.<br> The frontend UI was partially developed, but backend integration and payment flow were not working properly.</p> <p>During the Finish-Up-A-Thon, I completed and improved several important features:</p> <p>Connected frontend and backend completely<br> Integrated ClipDrop AI API successfully<br> Added secure JWT authentication<br> Implemented Razorpay payment gateway<br> Built a working credit system<br> Fixed API handling and state management issues<br> Improved UI and overall user experience</p> <p>This challenge motivated me to finally complete the project and turn it into a proper full-stack AI application.</p> <h2> Screenshots </h2> <p><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%2F3yi90p5fm8h3rvmgkokc.png" class="article-body-image-wrapper"><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%2F3yi90p5fm8h3rvmgkokc.png" alt="" width="800" height="348"></a><br> <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%2F0u2nvb4teg0lt1egs544.png" class="article-body-image-wrapper"><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%2F0u2nvb4teg0lt1egs544.png" alt="" width="800" height="345"></a><br> <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%2F24jgd0a93dawpbmofgii.png" class="article-body-image-wrapper"><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%2F24jgd0a93dawpbmofgii.png" alt="" width="800" height="353"></a></p> <p><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%2F1wquo9ke2qh3qfdpeyit.png" class="article-body-image-wrapper"><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%2F1wquo9ke2qh3qfdpeyit.png" alt="" width="800" height="342"></a></p> <h2> My Experience with GitHub Copilot </h2> <p>GitHub Copilot helped me a lot during development.<br> It made coding faster and helped me understand better ways to write logic and structure APIs.</p> <p>Copilot especially helped me with:</p> <p>Writing React components<br> Backend API routes<br> JWT authentication logic<br> Razorpay integration<br> Error handling<br> Debugging repetitive code</p> <p>It also saved time by suggesting boilerplate code and improving productivity during development.</p> <p>Overall, GitHub Copilot acted like an AI coding assistant that helped me complete the project more efficiently and confidently.</p> devchallenge githubchallenge