What error did you get?

@@AyyazTech I enter my github api key, but claude does not appear in any way, the warning comes 'connection to github could not be established'

@@AyyazTech can you help me ?

@@AyyazTech { "mcpServers": { "github": { "command": "npx", "args": [ "-y", "@modelcontextprotocol/server-github" ], "env": { "GITHUB_PERSONAL_ACCESS_TOKEN": " enter my github token here " } } } }

Thanks so much! I'm glad you found it easy to follow! 🙌

Scammer!

I don't think so. I mean if you can download desktop app and if they allow you to use it on desktop without paid account then you can definitely use MCP in free as well.

Thanks! Let me know if you have any questions. 😊

Interesting observation, I’ll make sure to clarify that in my next Angular 18 tutorial.

You're welcome! Happy coding! 🚀

I'm happy it helped you! 🚀

Thanks for the feedback about the music! You make a great point - and you're not alone. Many viewers mentioned the same thing in the comments. I've decided to keep future videos music-free to focus on the content. If I ever use background music, I'll definitely keep it super light. Really appreciate you helping me improve! 🙏

Glad I could help!

Thanks for watching! Feel free to check out my other Tailwind CSS tutorials. 🚀

The maximum file size you can store using Git LFS depends on your GitHub plan: • GitHub Free and Pro: Up to 2 GB per file. • GitHub Team: Up to 4 GB per file. • GitHub Enterprise Cloud: Up to 5 GB per file. If you attempt to add a file exceeding these limits, Git LFS will reject it with an error message.

This error usually means your library's components are not being recognized. Verify that your build process correctly bundles the library's files, including its components and their metadata.

Thanks so much! Really glad you found the tutorial helpful. Welcome to the channel! 🙌

Really happy I could help! It's so frustrating when you're stuck on something for days. Glad I got it sorted out! 🙌

@@AyyazTech I used the carousel slider to add about 5 images to my code, now I want to pass onclick function to each of the images to make my code more interactive so I came up with something like this return<img src={s} onClick={() => console.log('Button clicked!')} /> but it doesnt work. Do you have any idea on what I could do please?

Thanks so much! This means a lot! 🙌

Thank you so much for your kind words and love from Iran! I'm glad you found the video helpful. Your support means a lot! 😊🌟

Thank you for the kind words! 😊 I'm glad you found the video useful and appreciated the authentic touch without an AI voiceover-it means a lot! Cheers to creating more helpful content. 🍻 - If you're interested in diving deeper, you might enjoy these related resources: - How to use OpenAI API in Node.js? kzbin.info/www/bejne/hH3Snp99nc-fhK8 - How to use OpenAI API in Python 3? kzbin.info/www/bejne/jYjFgmpneMhjd6c - Building a Powerful Chatbot with GPT4All and LangChain www.ayyaztech.com/blog/building-a-powerful-chatbot-with-gpt4all-and-langchain-a-step-by-step-tutorial Don't forget to like, share, and subscribe to the channel. Hit the bell icon to stay updated with the latest tutorials! 🚀✨

To use theme colors in your component SCSS: Import Theme: @use 'path/to/theme' as *; Apply Colors: .custom-section { background-color: mat-color($primary); // primary color color: mat-color($primary, 'default-contrast'); // readable text color } Use mat-color to get your theme's colors and keep everything consistent. Add classes like .dark-theme or .light-theme for dynamic theme switching. Let me know if you need more!

Thank you for the kind words! 😊 I’m thrilled the content helped you! Your suggestion for a video on Angular best practices is fantastic. I’ll definitely add it to my content pipeline. Meanwhile, you might enjoy these related videos that delve deeper into Angular concepts: • How to use Angular Signals | Angular 17? kzbin.info/www/bejne/mmGsm3iZh9KBgpY • Mastering Angular 17 Directives - The Ultimate Guide kzbin.info/www/bejne/bpTTYauKjNaApZY • Angular Lifecycle Hooks: The Ultimate Beginner’s Guide kzbin.info/www/bejne/m5SlommvZrdlp80 You can also check out this article on Angular lifecycle hooks for more insights: Mastering Angular Lifecycle Hooks (www.ayyaztech.com/blog/mastering-angular-life-cycle-hooks-unleashing-the-power-of-component-control#google_vignette) Don’t forget to like, share, and subscribe for more Angular content. Hit the bell icon to stay updated! 🔔📚

You’re most welcome! 😊 I’m thrilled you enjoyed the video and appreciate GrapesJS’s potential. It indeed is a powerful tool for web development. Here are some suggestions for more related content you might find useful: • How to create a responsive navbar in Next.js and Tailwind CSS kzbin.info/www/bejne/baKoqqSvabmIeaM • How to create a dialog/modal with Tailwind CSS www.ayyaztech.com/blog/creating-a-dialoguemodal-with-tailwind-css-a-step-by-step-guide • Tailwind CSS: A deep dive into Flexbox and Grid layouts kzbin.info/www/bejne/ooW6g5J6qrZ0rNk Feel free to let me know if there’s any specific GrapesJS feature you’d like covered in future content. Don’t forget to subscribe, like, and hit the bell icon to stay updated! 🚀

@@AyyazTech i would love to see how it works with dynamic data coming from a mysql db for example. I learned a lot with you. Thank you so much! GrapesJs its powerful...

Thank you for your feedback! 😊 I’ll make sure to work on speaking more loudly in future videos for better clarity. Your input is greatly appreciated! In the meantime, you might also enjoy these related videos for enhancing your skills with Next.js 14: • How to use FontAwesome in Next.js 14 with app directory? kzbin.info/www/bejne/pZy9moCHordqb9k • How to use SWR in Next.js 14 APP directory? kzbin.info/www/bejne/amq5f2qAg9J-bbc Don’t forget to subscribe, like, and hit the bell icon 🔔 for more helpful content. Thanks for being part of the community! 🚀

To manage automatic page breaks in Angular PDF generation, use CSS like .page-break { page-break-before: always; }, and handle content splitting dynamically with jsPDF’s addPage() method. Check this video for a step-by-step guide: • How to generate PDF in Angular 17? kzbin.info/www/bejne/mZaXeXRroamXo9U Like, share, and subscribe for more tips! 🚀

Thanks for the kind words! 😊 I’m glad you found the content helpful. If you’re diving deeper into Angular, you might enjoy these related tutorials: • How to validate checkbox selection in Angular 17? kzbin.info/www/bejne/b5-QloiIqpKDZtU • How to use Bootstrap modal in Angular 17? kzbin.info/www/bejne/oZu0dJRqbNlrrbc For more insights and updates, don’t forget to subscribe and click the bell icon 🔔. Happy coding! 🚀

It looks like you’re trying to use a tooltip in your project and ran into some trouble. Based on the video tutorial, here are some key steps to ensure the tooltip works correctly in Bootstrap with Next.js: 1. Bootstrap CSS: Ensure you’ve imported Bootstrap CSS correctly in your project. For example: import 'bootstrap/dist/css/bootstrap.min.css'; 2. Bootstrap JavaScript: For tooltip functionality, you need Bootstrap’s JavaScript. Add this in your useEffect hook or a client-only component: useEffect(() => { import('bootstrap/dist/js/bootstrap.bundle.min'); }, []); 3. HTML Setup for Tooltip: Use the appropriate data-bs-toggle attribute for your element: <button type="button" class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip text"> Hover me </button> 4. Initialize Tooltip: In your JavaScript, initialize tooltips after the component mounts: useEffect(() => { const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl); }); }, []); Suggested Additional Resources To complement your learning, here are some related tutorials that might help: • How to use react-bootstrap in Next js 14? kzbin.info/www/bejne/qajbpKF8aLWLipY • How to create Modal in Next js? kzbin.info/www/bejne/j5XaqWyVnZ52jJI • How to use SWR in Next js 14 APP directory? kzbin.info/www/bejne/amq5f2qAg9J-bbc Additionally, check out this detailed blog post: How to install and set up Bootstrap in Angular www.ayyaztech.com/blog/how-to-install-bootstrap-in-angular Let me know if this resolves your issue, and don’t forget to like, share, and subscribe for more helpful tutorials! 🚀

Hi there! 😊 Unfortunately, I don’t have the code repository for this project at the moment. However, I’ll make sure to include the code or share a repository link in upcoming videos to help you follow along more easily. 🚀 In the meantime, feel free to check out some other tutorials that might interest you: • How to create a sidebar in Nextjs and Tailwind CSS kzbin.info/www/bejne/iJKXpHWabq9smsk • How to make a responsive navbar with Tailwind CSS? kzbin.info/www/bejne/lWWoiGCcibaKr9k • How to create accordion with Tailwind CSS? kzbin.info/www/bejne/f4jCcoydaNCIf7s Stay tuned for updates, and don’t forget to like, subscribe, and hit the bell icon for notifications! 🔔 Your support means a lot! 😊

Thank you for your kind words! 😊 I’m glad you found the tutorial simple and straightforward. 🎉 If you’re exploring more Next.js features, you might enjoy these tutorials: • How to use SWR in Next js 14 APP directory? kzbin.info/www/bejne/amq5f2qAg9J-bbc • How to fetch data from API in Next js 14 +? kzbin.info/www/bejne/fZjZdmicoK6mb9E • How to create backend in Next js 14 +? kzbin.info/www/bejne/rYrafI2Mjdl4m9E Your feedback inspires us to create more content like this! Don’t forget to like, subscribe, and click the bell icon to stay updated on new tutorials. 🔔 Happy coding! 🚀

You're very welcome! Glad it helped! 😊

Thanks

Thanks for pointing that out! 😊 Here’s the direct link to the video for your convenience: Countdown Timer Creation coded by ChatGPT 4 Insight | React js & Tailwind CSS | Raw Coding Journey kzbin.info/www/bejne/fmTaZnigmdSGgdk Let me know if you have any questions or need further assistance. Don’t forget to like the video and subscribe to the channel for more quick and helpful tutorials! 🔔✨

Thank you so much for your feedback! 😊 I’m glad to hear that you found the content helpful. Angular can be quite vast, and I completely agree that detailed and slow-paced explanations make a big difference. I’ll ensure upcoming videos are even more in-depth and beginner-friendly. 🚀 Meanwhile, here are a few more Angular tutorials you might find useful: • How to use Angular Material in Angular 17? kzbin.info/www/bejne/aWW7qpR4lNN-la8 • Mastering Angular 17: A Deep Dive into the Latest Features kzbin.info/www/bejne/iIvKZ4t7fNpse68 • How to validate radio button selection in Angular 17? kzbin.info/www/bejne/fYPbc3d9a8iffJI Feel free to drop more suggestions for topics you’d like to see, and don’t forget to subscribe and hit the bell icon to stay updated. Your support means a lot! 🔔😊

You're very welcome! Glad it helped! 😊

I appreciate the kind words! Glad it was to the point and clear. 👍