- 244
- 100 359
HTMLFiveDev
Malaysia
Приєднався 3 бер 2020
Hi, I've spent 16 years in the U.S. IT industry as a Network Analyst, Systems Engineer, IT Trainer, and Sr. Systems Analyst and worked for companies, namely Compaq/HP, BellSouth Mobility, AT&T, etc. Later, for about five years, I was a freelance Web/WordPress & React developer. For the last five years, I've been working as the CTO of a Florida-based company. To begin with, I'll be focusing on the following topics:
Next.js/TypeScript (OOP, SSR, SSG, ISR) & Python (FastAPI)
OpenAI API, Assistant API, Fine Tuning, Dall-E 3, Whisper, RAG
Gemini Pro and Vision, LLAMA 2, Claude 2, HuggingFace etc.
Strapi CMS, JWT Tokens, HTTP-only Cookies, Authentication, Node.js
Tailwind CSS, Material UI, Daisy UI, Chakra UI, Streamlit
Langchain, Langsmith, LLama Index
Docker, Digital Ocean Droplets, VPS Management
Please feel free to drop a suggestion letting me know what you'd like to see on this channel that will be helpful. And of course, please don't forget to smash the like button and subscribe.
Next.js/TypeScript (OOP, SSR, SSG, ISR) & Python (FastAPI)
OpenAI API, Assistant API, Fine Tuning, Dall-E 3, Whisper, RAG
Gemini Pro and Vision, LLAMA 2, Claude 2, HuggingFace etc.
Strapi CMS, JWT Tokens, HTTP-only Cookies, Authentication, Node.js
Tailwind CSS, Material UI, Daisy UI, Chakra UI, Streamlit
Langchain, Langsmith, LLama Index
Docker, Digital Ocean Droplets, VPS Management
Please feel free to drop a suggestion letting me know what you'd like to see on this channel that will be helpful. And of course, please don't forget to smash the like button and subscribe.
Langchain OpenAI Dalle 3 - Social Media Post Generator w/ Images - Scrape, Summarize, Parallel Chain
🚀 **Langchain OpenAI Dalle 3 - Social Media Post Generator w/ Images - Scrape, Summarize, Parallel Chain**
In this detailed video, I walk you through building a **Social Media Content Generation App** that leverages the power of **Langchain**, **OpenAI's GPT-4o**, and **DALL-E v3**. This app automates the creation of engaging social media posts with text and images by scraping blog posts, summarizing them, and then generating Twitter and Facebook posts with eye-catching images.
### 🛠 **What's Covered in This Video:**
1. **Application Walkthrough**:
- I provide an in-depth tour of the complete application and its capabilities.
- You'll see how the app allows a user to input a blog URL, scrape its contents, summarize it using **Langchain**, and generate social media posts with **GPT-4o** and **DALL-E v3**.
2. **Architecture Breakdown** (with Diagram):
- Using the provided diagram (see screenshot), I break down how the application processes data behind the scenes.
- I explain how the blog post is scraped, summarized, and then parallel chains are used to generate multiple social media posts (for both **Twitter** and **Facebook**) simultaneously.
- You'll also learn how the images are generated using **DALL-E v3**, providing visual context to your posts.
3. **Code Walkthrough**:
- This is where the real magic happens! I walk through the entire codebase, explaining every module and function that powers this social media post generator.
- The code is created using **Langchain**, **OpenAI**, **GPT-4o**, **DALL-E v3**, **Python**, and **OOP** (Object-Oriented Programming).
- From scraping blog content to summarizing it and generating social media posts with parallel chains, everything is covered in detail.
### 🔑 **Key Features of This App**:
- **Post URL Input**: User inputs a blog URL that will be scraped for content.
- **Scraper Module**: Scrapes the blog post using **Langchain WebLoader**, preparing the content for summarization.
- **Summarizer Module**: Summarizes the blog post data and sends it to the next step for generating posts.
- **Parallel Chaining**: Simultaneously generates social media content for both Twitter and Facebook using the **Langchain Parallel Chain** feature.
- **Post Generation with GPT-4o**: Generates concise, engaging posts for Twitter and Facebook based on the blog summary.
- **Image Generation with DALL-E v3**: Produces relevant images using **DALL-E v3**, adding visual appeal to the generated posts.
### 🌟 **What You Will Learn**:
- How to **scrape content** from blogs and other websites using Langchain.
- Using **Langchain Summarization** to condense large blocks of content into concise, usable social media posts.
- How to implement **Parallel Chains** in Langchain to speed up workflows by processing multiple outputs at once.
- Integrating **OpenAI's GPT-4o** to generate text for Twitter and Facebook posts.
- How to **generate images** using **DALL-E v3** and integrate them into your social media posts.
- A complete **code walkthrough** of a fully functional AI-powered application built with Python, Langchain, OpenAI, and OOP principles.
### 🔥 **Why This Video is a Must-Watch**:
- **Cutting-Edge AI Tech**: Learn to work with the latest advancements in AI technology, including **GPT-4o** and **DALL-E v3**.
- **Complete App Development**: Get a full breakdown of how to develop a real-world AI-driven application for social media content generation.
- **Hands-On Coding**: Follow the detailed code walkthrough to build your own version of this app, learning how to apply the latest AI models in practical use cases.
- **Multi-Model Integration**: Understand how to use **Langchain** to manage multiple models and parallel processes efficiently.
- **Scalable Solutions**: Discover how to scale content generation by integrating scraping, summarization, and AI-powered post generation into one seamless app.
### **Who Should Watch This Video**:
- **Developers & AI Enthusiasts**: Anyone interested in AI app development, especially using **Langchain**, **OpenAI**, and **Python**.
- **Content Creators**: If you're looking for a way to automate your social media content creation with AI-generated posts and images, this tutorial is for you.
- **Python Developers**: Dive deep into OOP with Python and learn how to structure AI-powered applications with real-world functionality.
- **JavaScript/TypeScript Developers**: This series is also great for those transitioning into Python-based AI development, serving as practice exercises for both Python and AI API usage.
### **Tags**:
#Langchain #OpenAI #GPT40 #DALLEv3 #SocialMediaAutomation #AI #Python #AIAppDevelopment #ContentCreation #LangchainAI #OpenAIGPT #DALLE #ParallelChaining #WebScraping #ContentSummarization #AIAutomation #TechTutorial
In this detailed video, I walk you through building a **Social Media Content Generation App** that leverages the power of **Langchain**, **OpenAI's GPT-4o**, and **DALL-E v3**. This app automates the creation of engaging social media posts with text and images by scraping blog posts, summarizing them, and then generating Twitter and Facebook posts with eye-catching images.
### 🛠 **What's Covered in This Video:**
1. **Application Walkthrough**:
- I provide an in-depth tour of the complete application and its capabilities.
- You'll see how the app allows a user to input a blog URL, scrape its contents, summarize it using **Langchain**, and generate social media posts with **GPT-4o** and **DALL-E v3**.
2. **Architecture Breakdown** (with Diagram):
- Using the provided diagram (see screenshot), I break down how the application processes data behind the scenes.
- I explain how the blog post is scraped, summarized, and then parallel chains are used to generate multiple social media posts (for both **Twitter** and **Facebook**) simultaneously.
- You'll also learn how the images are generated using **DALL-E v3**, providing visual context to your posts.
3. **Code Walkthrough**:
- This is where the real magic happens! I walk through the entire codebase, explaining every module and function that powers this social media post generator.
- The code is created using **Langchain**, **OpenAI**, **GPT-4o**, **DALL-E v3**, **Python**, and **OOP** (Object-Oriented Programming).
- From scraping blog content to summarizing it and generating social media posts with parallel chains, everything is covered in detail.
### 🔑 **Key Features of This App**:
- **Post URL Input**: User inputs a blog URL that will be scraped for content.
- **Scraper Module**: Scrapes the blog post using **Langchain WebLoader**, preparing the content for summarization.
- **Summarizer Module**: Summarizes the blog post data and sends it to the next step for generating posts.
- **Parallel Chaining**: Simultaneously generates social media content for both Twitter and Facebook using the **Langchain Parallel Chain** feature.
- **Post Generation with GPT-4o**: Generates concise, engaging posts for Twitter and Facebook based on the blog summary.
- **Image Generation with DALL-E v3**: Produces relevant images using **DALL-E v3**, adding visual appeal to the generated posts.
### 🌟 **What You Will Learn**:
- How to **scrape content** from blogs and other websites using Langchain.
- Using **Langchain Summarization** to condense large blocks of content into concise, usable social media posts.
- How to implement **Parallel Chains** in Langchain to speed up workflows by processing multiple outputs at once.
- Integrating **OpenAI's GPT-4o** to generate text for Twitter and Facebook posts.
- How to **generate images** using **DALL-E v3** and integrate them into your social media posts.
- A complete **code walkthrough** of a fully functional AI-powered application built with Python, Langchain, OpenAI, and OOP principles.
### 🔥 **Why This Video is a Must-Watch**:
- **Cutting-Edge AI Tech**: Learn to work with the latest advancements in AI technology, including **GPT-4o** and **DALL-E v3**.
- **Complete App Development**: Get a full breakdown of how to develop a real-world AI-driven application for social media content generation.
- **Hands-On Coding**: Follow the detailed code walkthrough to build your own version of this app, learning how to apply the latest AI models in practical use cases.
- **Multi-Model Integration**: Understand how to use **Langchain** to manage multiple models and parallel processes efficiently.
- **Scalable Solutions**: Discover how to scale content generation by integrating scraping, summarization, and AI-powered post generation into one seamless app.
### **Who Should Watch This Video**:
- **Developers & AI Enthusiasts**: Anyone interested in AI app development, especially using **Langchain**, **OpenAI**, and **Python**.
- **Content Creators**: If you're looking for a way to automate your social media content creation with AI-generated posts and images, this tutorial is for you.
- **Python Developers**: Dive deep into OOP with Python and learn how to structure AI-powered applications with real-world functionality.
- **JavaScript/TypeScript Developers**: This series is also great for those transitioning into Python-based AI development, serving as practice exercises for both Python and AI API usage.
### **Tags**:
#Langchain #OpenAI #GPT40 #DALLEv3 #SocialMediaAutomation #AI #Python #AIAppDevelopment #ContentCreation #LangchainAI #OpenAIGPT #DALLE #ParallelChaining #WebScraping #ContentSummarization #AIAutomation #TechTutorial
Переглядів: 77
Відео
Openai Multi-Model Voice Chatbot - Langchain, Whisper, TTS, Grok, Llama 3.1, Claude Sonet 3.5 GPT 4o
Переглядів 28028 днів тому
🚀 OpenAI Multi-Model Voice Chatbot - Langchain, Whisper, TTS, Grok, Llama 3.1, Claude Sonet 3.5 GPT 4o Welcome to this in-depth tutorial where I walk you through building a Multi-Model Voice Chatbot using Streamlit along with several cutting-edge technologies like Langchain , Whisper , TTS , Grok , Llama 3.1 , Claude Sonet 3.5 , and GPT 4o . This project leverages the power of multiple AI model...
Langchain LangServe LangSmith Next.js & Streamlit: Chatbot w Claude Sonet 3.5 - API Test w/ Postman
Переглядів 213Місяць тому
🚀 Langchain LangServe LangSmith Next.js & Streamlit: Chatbot w/ Claude Sonet 3.5 - API Test w/ Postman Welcome to another in-depth tutorial where we delve into the world of AI chatbots using Langchain, LangServe, LangSmith, Next.js, and Streamlit . In this video, we will walk you through the complete setup and implementation of a sophisticated chatbot that utilizes the Claude Sonet 3.5 model. W...
How to build a Multi Model Chatbot w OpenAI Grok Llama 3.1 Claude Sonet 3.5 Gemini
Переглядів 343Місяць тому
🚀 Langchain LangServe & Streamlit: Multi Model Chatbot w/ OpenAI Grok, Llama 3.1, Claude, Sonet 3.5, Gemini Welcome to this comprehensive guide where I walk you through building a powerful multi-model chatbot using Langchain, LangServe, and Streamlit . This video is a must-watch for developers looking to integrate multiple LLM APIs into a single chat interface. By the end of this tutorial, you'...
Langchain LangServe: Installation and Configuration: Poetry LCEL & OpenAI: AI Response Streaming API
Переглядів 110Місяць тому
🚀 Langchain LangServe: Installation and Configuration: Poetry LCEL & OpenAI: AI Response Streaming API Welcome to this in-depth, step-by-step guide on installing and configuring Langchain LangServe . This tutorial is perfect for developers looking to integrate AI response streaming APIs using Langchain LangServe, Poetry, and OpenAI. Whether you are a seasoned developer or just getting started, ...
Next.js 14 Shadcn Supabase - Zustand, Posts Table CRUD w/ Pagination, React Hook Form & Zod: Part 3
Переглядів 261Місяць тому
🚀 Next.js 14 Shadcn Supabase - Zustand, Posts Table CRUD w/ Pagination, React Hook Form & Zod: Part 3 Welcome to the third part of our comprehensive series on building a dynamic web application using Next.js 14 , Shadcn , Supabase , Zustand , and more. In this detailed tutorial, we dive deep into implementing CRUD (Create, Read, Update, Delete) operations on a Posts Table with pagination, using...
Next.js 14 Shadcn Supabase - Zustand, Role Based Access, Login Redirection, Route Protection: Part 2
Переглядів 199Місяць тому
🚀 Next.js 14 Shadcn Supabase - Zustand, Role Based Access, Login Redirection, Route Protection: Part 2 Welcome to the second part of our in-depth series on building a robust web application with Next.js 14 , Shadcn , Supabase , and Zustand . In this video, we focus on implementing role-based access control, login redirection, and route protection. This tutorial is designed to provide you with a...
Langchain Streamlit Openai - Duck Duck Go, Faiss Vector DB, Embeddings - AI NewsLetter Generator
Переглядів 1542 місяці тому
🚀 Langchain Streamlit OpenAI - Duck Duck Go, Faiss Vector DB, Embeddings - AI Newsletter Generator Welcome to my latest tutorial video where I provide a comprehensive walkthrough of building an AI-based newsletter generator app using Langchain , Streamlit , OpenAI , DuckDuckGo , and Faiss Vector DB . This video delves deep into the integration and implementation of these powerful technologies t...
Next.js, Redux RTK, SDK, Smart Contracts, Token Creation & Update - Polymesh Blockchain Token Studio
Переглядів 372 місяці тому
🚀 Polymesh Blockchain - Token Studio, Next.js, Redux RTK, SDK, Smart Contracts, Token Creation & Update Welcome to an exciting new video where I dive deep into building a Polymesh Security Token Studio using the powerful combination of Next.js 13 , Tailwind/DaisyUI , Typescript , Redux RTK , Strapi v4 , and the Polymesh SDK . This comprehensive tutorial will walk you through the entire process ...
Next.js 14 Shadcn Supabase - Resend, Dark Mode, Login/Logout, Signup, Zod, React Hook Form: Part 1
Переглядів 2362 місяці тому
🌟 Welcome to an in-depth tutorial on building a powerful web application using Next.js 14 , Shadcn , Tailwind CSS , Supabase , and TypeScript . This video is packed with comprehensive details and hands-on examples that will guide you through setting up and integrating various essential features for a modern web application. In this video, you'll learn: 1. Setting up Shadcn Dark Theme: - Impleme...
OpenAI Next.js FastAPI Streamlit Python Typescript: GPT 4 Chatbot - 3 Frontends & Python Backend
Переглядів 3063 місяці тому
Welcome to this comprehensive tutorial where we dive into building a versatile OpenAI chatbot using three different frontend platforms: FastAPI with HTML/CSS/Bootstrap, Streamlit, and Next.js with Tailwind CSS and DaisyUI. All these frontends seamlessly connect to a robust Python-based FastAPI backend. In this video, you will learn: 1. FastAPI Backend with OpenAI Integration: - Setting up a Pyt...
Next.js Redux (RTK) Strapi v4 Cloud Typescript Tailwind - QS Query & Filters - SSG ISR Part 5
Переглядів 1293 місяці тому
Welcome to the fifth installment of our comprehensive series, "Next.js Redux (RTK) Strapi v4 Cloud Typescript Tailwind - QS Query & Filters - SSG ISR Part 5." This video is jam-packed with advanced techniques and complex QS queries that fetch data structures from the Strapi v4 backend, showcasing powerful integration and data handling capabilities. Perfect for developers looking to master moder...
Next.js Redux (RTK) Strapi v4 Cloud Typescript Tailwind - Data Model & Data Layer - SSG ISR Part 4
Переглядів 1463 місяці тому
Welcome to the fourth installment of our comprehensive series, "Next.js Redux (RTK) Strapi v4 Cloud Typescript Tailwind - Data Model & Data Layer - SSG ISR Part 4." This video delves deeper into the integration of Next.js with Redux Toolkit, Strapi v4, and Tailwind CSS, focusing on advanced data handling techniques. If you're aiming to master full-stack development with a modern tech stack, thi...
Next.js Redux (RTK) Strapi v4 Cloud Typescript Tailwind - Data Model & Data Layer - SSG ISR Part 3
Переглядів 1253 місяці тому
Welcome to the third installment of our comprehensive series, "Next.js Redux (RTK) Strapi v4 Cloud Typescript Tailwind - Data Model & Data Layer - SSG ISR Part 3." This video continues to build on the previous parts, focusing on the intricate details of implementing a data model and data layer for a robust web application. If you are looking to deepen your knowledge of modern web development us...
Next.js Redux (RTK) Strapi v4 Cloud Typescript Tailwind - Data Model & Data Layer - SSG ISR Part 2
Переглядів 713 місяці тому
Welcome to the second installment in our comprehensive series, "Next.js Redux (RTK) Strapi v4 Cloud Typescript Tailwind - Data Model & Data Layer - SSG ISR Part 2." This video builds on the foundation laid in Part 1 and dives deeper into the backend setup and functionalities, showcasing the powerful combination of Next.js, Redux Toolkit (RTK), Strapi v4, TypeScript, and Tailwind CSS. In This Vi...
Next.js Redux (RTK) Strapi v4 Cloud Typescript Tailwind - Data Model & Data Layer - SSG ISR Part 1
Переглядів 1363 місяці тому
Next.js Redux (RTK) Strapi v4 Cloud Typescript Tailwind - Data Model & Data Layer - SSG ISR Part 1
OpenAI API & Python: Tutorial | Fine Tuning a GPT Model | Run Job, Display Events, Test New Model P2
Переглядів 2416 місяців тому
OpenAI API & Python: Tutorial | Fine Tuning a GPT Model | Run Job, Display Events, Test New Model P2
OpenAI API & Python: Tutorial | Fine Tuning a GPT Model | Prepare & Upload Data | JSONL format | P1
Переглядів 4006 місяців тому
OpenAI API & Python: Tutorial | Fine Tuning a GPT Model | Prepare & Upload Data | JSONL format | P1
Openai Python Whisper Multimodal Bot Youtube Downloader Transcript Translate Summarize Part 3
Переглядів 506 місяців тому
Openai Python Whisper Multimodal Bot UA-cam Downloader Transcript Translate Summarize Part 3
OpenAI Python Whisper: Tutorial | Multimodal Bot | YouTube Downloader & Summarizer, Audio to Text P2
Переглядів 706 місяців тому
OpenAI Python Whisper: Tutorial | Multimodal Bot | UA-cam Downloader & Summarizer, Audio to Text P2
OpenAI Python Whisper: Tutorial | Multimodal Bot | YouTube Downloader & Summarizer, Audio to Text P1
Переглядів 866 місяців тому
OpenAI Python Whisper: Tutorial | Multimodal Bot | UA-cam Downloader & Summarizer, Audio to Text P1
OpenAI Python Vector Embeddings: Tutorial | Panda, Cost Calculation, CSV files, Similarity Search p2
Переглядів 4326 місяців тому
OpenAI Python Vector Embeddings: Tutorial | Panda, Cost Calculation, CSV files, Similarity Search p2
OpenAI Python Vector Embeddings: Tutorial | Panda Dataframe, Token & Cost Calculation, CSV files p1
Переглядів 2886 місяців тому
OpenAI Python Vector Embeddings: Tutorial | Panda Dataframe, Token & Cost Calculation, CSV files p1
Gemini Pro Vision API, Langchain & Python: Tutorial | Prompt Engineering | Chatbot w/ Images - 2024
Переглядів 4716 місяців тому
Gemini Pro Vision API, Langchain & Python: Tutorial | Prompt Engineering | Chatbot w/ Images - 2024
Gemini Pro Langchain Python: Tutorial | Prompt Engineering | System Templating | Response Streaming
Переглядів 1,1 тис.6 місяців тому
Gemini Pro Langchain Python: Tutorial | Prompt Engineering | System Templating | Response Streaming
OpenAI API Python GPT & Dall-E 3: Tutorial | Multimodal Assistant | Prompt Engineering & Image Gen
Переглядів 2486 місяців тому
OpenAI API Python GPT & Dall-E 3: Tutorial | Multimodal Assistant | Prompt Engineering & Image Gen
OpenAI API Python Whisper TTS: Tutorial | Audio Transcription & Translation | Text To Speech - 2024
Переглядів 6756 місяців тому
OpenAI API Python Whisper TTS: Tutorial | Audio Transcription & Translation | Text To Speech - 2024
OpenAI API Python Dall-E 3: Tutorial | HD Image Generation | Fetch & Save Locally | Make Variation
Переглядів 2296 місяців тому
OpenAI API Python Dall-E 3: Tutorial | HD Image Generation | Fetch & Save Locally | Make Variation
Gemini Pro Vision & Python: Hand-on Tutorial | Prompt Engineering | Chatbot w/ Image Recognition
Переглядів 7706 місяців тому
Gemini Pro Vision & Python: Hand-on Tutorial | Prompt Engineering | Chatbot w/ Image Recognition
Gemini Pro & Python: Hand-on Tutorial | Prompt Engineering | Chatbot - History Session Loop - Part 2
Переглядів 1806 місяців тому
Gemini Pro & Python: Hand-on Tutorial | Prompt Engineering | Chatbot - History Session Loop - Part 2
thanks a lot it was awesome
Hi bro , thanks for your valuable information. Do you have the github repo of this code?
github.com/ahmedmusawir/starter-next13-pages-ts-v3
Hi, it seems that the LLM output of part 3 16:00 is incorrert. It is not a translation, but the question answer. Anyway, thanks for the great tutorial.
I knew it but at that point, I had no energy to redo it ... I thought no one would catch it ... well, it took about 8 months for someone to point that out ... thanx ...
share collab file
Pls add voice chat
Ya but I think adding chat memory, RAG and Image might be more important ... right?
hey! how can i put this into a nextjs project?
You sure can! My recommendation would be to use Langserve/Fastapi as a backend, create this as an API and feed that to Next.js chatbot ... currently I'm working on creating videos on Langserve and Next.js combo ... coming soon ... plz subscribe ... every little bit helps ... thanx.
Nice job!
hey i am learning react js and trying to making a clone of youtube but i want to make this project also where can i get this tutorial and please tell me is react js is good for me to learn i just started 1 week ago and before that i learned javascript please guide me i am too depressed about my future ............ please guide me ..
I hear you my friend ... but this is not the time to start with just React.js ... at this time you should start with Next.js and to learn fast you need to take help from AI (Gemini Pro and Bing Auto Pilot are totally free) I've just started a new series w/ Next.js frontend and Supabase backend (free) ... I'll be adding more stuff to it soon ... and these days just Javascript/Typescript is not enough ... you need a little python ... that's what you'll find in my channel also ... I actually, started to learn python when I started to code AI stuff ... like OpenAI, Gemini etc. you'll find very simple tutorials on my channel also which you can practice using Google Colab which is also free and with that you can hit the floor running ... my react project that you are thinking about doing, I wouldn't recommend that cuz that's pretty old ... these days, even the people who made React are recommending Next.js ... there you have it ... my 2 cents ... being depressed will only slow you down ... you just have to take one day at a time ... I can promise you one thing ... some really great days are coming ... there will be another tech (AI) boom coming by the middle to end of this decade ... just like the internet boom of the late 90s. AI investments have already been at $300+ billion and by 2030 it will ready $1.8 Trillion ... think about it ... some people are gonna get very rich at that point ... who will build all the AI based apps? We will ... now we just have to prepare ourselves ... Next.js and Python are gonna be the hottest stuff very very soon ... go giddy up dawwgh ... good days are coming for us ... and please subscribe ... thanx.
@@htmlfivedev thank you for your reply so i will start learning next.js can you please shame some good projects in it of your channel so that i can prefer that ...and also how can i make ai related apps like i am totally noob can you please guide me i am finding a job first so i have 1.5 year of experience in mnc .... thanks in advance ...
What is mnc? Follow this channel ... this is where I started: www.youtube.com/@javascriptmastery
hey i am learning react js and trying to making a clone of youtube but i want to make this project also where can i get this tutorial and please tell me is react js is good for me to learn i just started 1 week ago and before that i learned javascript please guide me i am too depressed about my future please ...........
Amazing exactly wat am looking for.
bro may be i didn't get correctly - what user keys do you use for communication with Woocommerce Rest Api?
Sorry, that was a long time ago. I no longer work with Woocom ...
@@htmlfivedev so answer to my question - admin keys (which is not an option for production)
bro i didnt look all videos but how you manage to create an order by guest user but create key for some other pre-created user
Sorry that was a long time ago ... I don't work with WP to Woocom anymore ... here is the github link for that project: github.com/ahmedmusawir/react-woocom-stripe
@@htmlfivedev thank you!
@@htmlfivedev pitiful thing that woocommerce rest api works only with admin role users, and provide them too much privileges like managing products. But providing such privileges to guest user is definitely not a good practice
thank you so much. This video help me handle my project smoothly!!!
why are you not publishing this plugin ?? :(
I no longer work with wordpress
That's very good project ! Congratz ! Do you know how Can I filter some posts by category ( enum ) from strapi without using redux ? It seems overkill for my case. I just need it for this case.
Check out this project ... it is pretty much the same thing but I used context API instead of redux: github.com/ahmedmusawir/cyber-jobs-v1-next13-pages-ts
4:05 😂 this guy right here ....that makes my day bro
Hi, is there any way I could contact you? You do an awesome work! Thank you for your time and dedication
Sure ... here is my linkedin profile ... you can leave me a message there and we can take it from there... www.linkedin.com/in/ahmedmusawir/
Great content
Plz like and subscribe ... thanx
Hello my friend! I need a help with my wordpress website and i think you can help me! How do i change a user role using a cron? Let me explain what i want to do: i want to let a user create an account for a free trial of my website. I want the free trial to last 30 days. So, when the user creates an account, its role would be "free_trial" After 30 days, its role should be changed to "end_of_free_trial". How can i do that using cron? Thank you!
Sorry I don't work with WordPress anymore
Hello, awesome series. May you provide the GitHub link to the source code please
Highly recommended video Good job bro
Glad you liked it. Plz like, subscribe and share ... thanx! ... btw, trying to move away from Redux and get into Zustand ... very light weight... esp, with Next.js 14, now that it can handle caching itself ... maybe Redux is too heavy. I really liked the RTK queries and that's why I kept using it.
i want source code of it
plz like and subscribe ... here you go: github.com/ahmedmusawir/dashboard-syncfusion-react
Hello! This is a good tutor, but I am interested in how can I implement a custom field, that I (the admin) can only change it's value, and the the user can't? For example, I want to add point value to a specific user manually, but the user only can see a number, but this user can't change this number, this value. How can I reach this?
I don't work with it anymore
D: 2 días peleando para subir el proyecto y era el firewall :3 muchas gracias. Estas son cosas que chatgpt no sabe como ayudarte.
Thanx I guess... but I have no idea what you're saying...
@@htmlfivedev google translate: D: 2 days fighting to upload the project and it was the firewall :3 thank you very much. These are things that chatgpt doesn't know how to help you with.
Thanx very much ... plz like and subscribe and share ... that's how you can help me...
Excellent series. Thank you very much for sharing your knowledge.
Glad you enjoyed it! I didn't think anyone would watch this ... Just wanted to document this for myself so that six months from now when I don't understand my own code, this will help ... ;-)
@@htmlfivedev As a guide to follow to implement a more advanced setup with Redux Toolkit Query is helping me a lot.
Thanx .... It took me a long time to get this right. I even have a version using Context API but this one I built for larger apps ... the next one I'm working on will have a Supabase backend & Next.js v14... I don't wanna deal with backend hosting anymore ... pain in the ass ... Strapi cloud costs $28/mo ... plus Supabase can have vector tables which I can use with my AI stuff ...
Not sure why I fail to implement this.
Sorry ... by now I forgot buddy press myself ...
@@htmlfivedev understandable
Can you please provide a GitHub repo link for this demo
Wonderful!. Thank you so much for sharing this video.👏👏
Thanx! Plz like, subscribe and share ... that helps!
You are Great!👏👏
Thank you! 😃
Thank you so muc for such valuable information you present in this video.
Thank you so much for sharing such valuable information.You are genius. Your style in delivering the idea is wonderfull. Really you deserve 10 STARS.👏👏
is there a code repo we can browse ?
github.com/ahmedmusawir/react-woocom-stripe
@@htmlfivedev thank you bro
Thank you so much for sharing such valuable information. Great Video.👏👏
More good stuff coming ... plz like and subscribe! And share this channel with others ...
yo i able to fetch the data for now but how do i post it
Sorry, I have no idea ... I'm far ... far away from working with Bubble ... just check my channel, you'll know what I'm talking about ... and sorry to say, Bubble is not a real development environment ... so I dropped it and will never go back to it...
@@htmlfivedev nvm i figured it out,i find bubble not so bad actually,i mean everyone can have thier own opinions but your video helped me got started so thanks anyway
Colab Project ?
not available
Doesnt work. I have this message at the moment of initialize call: There was an issue setting up your call. Raw response for the API Status code 404 { "errors": [ { "detail": "No project found matching that name."
Sorry, I no longer have anything to do with Bubble ... this is not real development so I couldn't care less ... take care.
If possible make a video on how to deploy LLM's like gemini-pro-vision as API's with simple front end using streamlit. Leave the notebook in the description, it should be helpful. Thank you.
Great suggestion! In fact, that's gonna be my next plan ... I'll start simple with streamlit and the move towards a python based api and next.js frontend
I want to make an application using gemini ,that could compare two large pdf . I still didn't got the perfect way .can you help me ?
The only help you need is the suggestion not to use Gemini ... it is a 3rd class AI ... even GTP 3 is better than this ...
@@htmlfivedev thank you
Github repository?
github.com/ahmedmusawir/micals-chatbot-w-system-msg
Highly appreciate you bringing this playlist. I have trying to integrate langchain in my Node backend for a long time and couldn't find a good resource.
Glad it was helpful! ... Plz like and subscribe. Thanx
You should cleanup the audio 😢
I heard this from others also, but when listen I don't see any issue ... could you plz give me a little more details as to what issue you're having with the audio so that can properly address it? Thanx!
@@htmlfivedev kinda sounds like the audio is over a walkie talkie / low bit rate and distorted / hissy. Great work on the content though ❤️
Simple and straight forward, thanks
Thanx! That was the whole idea ... I created something that I was looking for myself and couldn't find. Something I could just follow step by step and learn by doing ... plz like and subscribe ... every little bit helps... these days I can't even make videos anymore ... having 2 jobs ... ;-(
Can you explain how to use Redux Toolkit or React Redux in Next.js? After implementing it, our entire application can be either client-side or server-side. I'm unclear on how to properly use it in Next.js, so could you clarify my doubts? Also, please explain the advantages and disadvantages of using Redux in Next.js. I've noticed that there are tutorials on UA-cam not covering the use of Redux in Next.js. Is Redux unnecessary in Next.js, or is there a reason it's not widely used? If a larger application requires Redux in Next.js, how is it implemented? I'd appreciate it if you could address these concerns in your next video. I've commented multiple times on other channels, but I haven't received any responses. If you can create a video on this topic, it would be immensely helpful, as I've been struggling with these questions, and it seems others may have similar doubts. Thank you!
I hear you ... and that's why I created these 2 ... hopefully, you'd find them helpful: ua-cam.com/video/P0VHBcZmEls/v-deo.html ua-cam.com/video/8LO4sdo0Jrg/v-deo.html
Is it cheaper to do RAG than to do fine tuning?
Absolutely! Plus, I found out RAG and Finetuning actually servers completely different purposes. RAG is for Q/A type bots or for semantic searches ... but fine tuning will not give you exact answers but it will mold the personality of your bot ... like how you like your customer support bot to answer user questions or how to interpret user emotions in comments etc. You can feed sample data of your style of responses to fine tune the ai ... it's very different ...
nice !
Thank you! Cheers! Plz like and subscribe...
Ilike this ! In my project I will put the data in a vector database.. what is the colab link?
I'm not making colabs available cuz these were meant to be a hands-on practice exercise.
Tanks nice job @
Thanks for watching. Plz like and subscribe...
Very nice man !
Thank you! Cheers! Plz like and subscribe...
In my project I will put the data in a vector database.. what is the colab link? Tanks nice job !
No colabs ... make you own ... this way you'll learn
@@htmlfivedev No put colab link ! or github project !
Does this mean that the model that I fine tune will be available with my data trained in the available openia? Or does it have a useful lifespan and is erased? tanks man !
It learns only the style or tone from fine tuning ... if you want Q/A type of bots you need RAG...