DEV Community: CodeWithMarish

Building an OpenAI-Powered Product Review Analysis Web App: A Step-by-Step Guide

CodeWithMarish — Fri, 28 Feb 2025 07:44:28 +0000

In this tutorial, we’ll walk through the process of creating a web application that scrapes product reviews from a website and utilizes OpenAI’s API to generate a summarized review opinion. This application can be a valuable tool for consumers looking to quickly understand the sentiments surrounding a product based on existing reviews.

Please read this post in our website
Building an OpenAI-Powered Product Review Analysis Web App: A Step-by-Step Guide

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

Code With Marish | Youtube

Posted with ❤️ from somewhere on the Earth

Build a Resume Scanner with OpenAI, Node JS & Next JS: A Step-by-Step Tutorial

CodeWithMarish — Fri, 28 Feb 2025 07:34:33 +0000

Hello everyone! In this tutorial, we’ll guide you through building a resume scanner web app using NodeJS and Next.js, powered by OpenAI. Follow along step-by-step as we create a custom solution that highlights key skills, experience, qualifications, and much more from resumes. Let’s dive in!

Please read this post in our website
Build a Resume Scanner with OpenAI, Node JS & Next JS: A Step-by-Step Tutorial

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

Code With Marish | Youtube

Posted with ❤️ from somewhere on the Earth

Building an AI-Powered E-commerce Chatbot with LangChain and Gemini

CodeWithMarish — Fri, 28 Feb 2025 07:28:54 +0000

In this blog post, we’ll build an AI-powered chatbot for e-commerce customer support using LangChain and Google’s Gemini AI. This chatbot will provide real-time responses by fetching data from a PostgreSQL database. You’ll learn how to integrate an AI model that dynamically generates SQL queries to retrieve product and order information, using this data as context to deliver accurate, relevant answers. Unlike our previous RAG-based app, which used a vector database for context retrieval, here we’ll leverage Supabase to manage our product and order data — allowing the AI to query the database and generate responses

Let's get started with the code we will build a Fastapi application.

Please read this post in our website
Building an AI-Powered E-commerce Chatbot with LangChain and Gemini

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

Code With Marish | Youtube

Posted with ❤️ from somewhere on the Earth

Creating Confetti Animation in Next.js: A Step-by-Step Guide

CodeWithMarish — Fri, 28 Feb 2025 05:27:32 +0000

Hello Guys, In this quick tutorial, we’ll walk through the process of creating a simple yet cool confetti effect in a Next.js application. We will create a simple button that on clicked shows the confetti animation effect. Let’s get started!

Please read this post in our website
Creating Confetti Animation in Next.js: A Step-by-Step Guide

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

Code With Marish | Youtube

Posted with ❤️ from somewhere on the Earth

Step-by-Step Guide: Building AI Chatbots Using Langchain and RAG Techniques

CodeWithMarish — Sun, 26 Jan 2025 13:18:10 +0000

In this guide, we’ll walk you through building an AI assistant that truly understands you and can answer questions about you. We’ll be using Retrieval Augmented Generation (RAG), a powerful technique that helps your AI assistant provide reliable answers based on your data. It's an excellent project and has a good scope for learning and adding more features to it. By the end, you’ll have a practical personal AI assistant and a solid understanding of how RAG works.

Please read this post in our website
Step-by-Step Guide: Building AI Chatbots Using Langchain and RAG Techniques

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

Code With Marish | Youtube

Posted with ❤️ from somewhere on the Earth

Building an Image Magnifier Effect in NEXT JS: A Step-by-Step Guide

CodeWithMarish — Sun, 17 Mar 2024 05:05:43 +0000

Hello Guys, In this tutorial, we'll build a custom Image Magnifier component using Next JS. Let’s dive into the step-by-step guide to creating your own Image Magnifier component.

Please read this post in our website
Building an Image Magnifier Effect in NEXT JS: A Step-by-Step Guide

Youtube Short

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

Code With Marish | Youtube

Posted with ❤️ from somewhere on the Earth

Building a Custom Cursor in Next.js 14

CodeWithMarish — Sun, 17 Mar 2024 04:56:34 +0000

Hello Guys, In this quick tutorial, we'll explore how to create a custom cursor for your Next.js application. Our requirement for this custom cursor was to follow our main cursor and dynamically change its color based on the type of element it hovers over. Using this foundation knowledge you can build your own cursor matching your imagination or requirements.

Please read this post in our website
Building a Custom Cursor in Next.js 14

Youtube Short

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

Code With Marish | Youtube

Posted with ❤️ from somewhere on the Earth

Simple Elliptical Animation with Canvas in JavaScript

CodeWithMarish — Sun, 17 Mar 2024 04:53:04 +0000

Hello Guys, In this tutorial, we’ll explore how to create a simple animation using JavaScript and HTML5 Canvas using ellipse and circle. Specifically, we’ll focus on drawing ellipses and animating circles around them.

Please read this post in our website
Simple Elliptical Animation with Canvas in JavaScript

Youtube short
Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

Code With Marish | Youtube

Posted with ❤️ from somewhere on the Earth

Building Real-Time Views Component: A Socket.IO and Next.js Tutorial

CodeWithMarish — Sun, 17 Mar 2024 04:49:04 +0000

Hello Guys, Today in this post we will build a simple real-time views component in NEXT JS powered by Socket.IO and Node JS. Socket programming facilitates real-time communication between a server and clients. By the end, you’ll have a functional real-time view and a clear understanding of how Socket.IO and Next.js work together.

Please read this post in our website
Building Real-Time Views Component: A Socket.IO and Next.js Tutorial

Youtube Short

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

Code With Marish | Youtube

Posted with ❤️ from somewhere on the Earth

Build an OTP PIN Input Component for NEXT JS App

CodeWithMarish — Sun, 17 Mar 2024 04:43:54 +0000

Hello Guys, Today in this post we'll build a simple and interactive PIN entry component in NEXT JS 13 (TypeScript). This component is commonly used for scenarios like entering a one-time password (OTP).

Please read this post in our website
Build an OTP PIN Input Component for NEXT JS App

Also please don’t forget to subscribe to our YouTube channel codewithmarish for all web development-related challenges.

YouTube Shorts

Code With Marish | Youtube

Posted with ❤️ from somewhere on the Earth

How to build ERC 20 Token and Faucets Dapp

CodeWithMarish — Tue, 24 Jan 2023 15:15:22 +0000

Hello friends, Today in this post we will learn to build our own ERC20 token and a faucet Dapp(Decentralized App) using which we can interact with our contract. So we will learn to develop an ERC20 smart contract and a faucet contract which will help in requesting tokens and we will create our frontend using Next JS and use ethers library for interacting with the contract. So let’s get started.

Please read this post in our website
How to build ERC 20 Token and Faucets Dapp?

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

Code With Marish | Youtube

Posted with ❤️ from somewhere on the Earth

How to add Web3 Authentication using NEXT JS & MetaMask?

CodeWithMarish — Tue, 20 Dec 2022 15:50:18 +0000

Hello friends, today in this post we will work on web3 authentication using NEXT JS and MetaMask without using any libraries. We will not only connect to MetaMask but also dynamically update app states when we switch accounts or disconnect the accounts. We will be using context API for handling the state of the application. Let’s get started.

Please read this post in our website
How to add Web3 Authentication using NEXT JS & MetaMask?

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

Code With Marish | Youtube

Posted with ❤️ from somewhere on the Earth