- Видео 12
- Просмотров 32 210
CODENOVUS
Добавлен 28 июл 2023
Build Your Own Generative AI App Using Google Gemini API with React JS | Beginner-Friendly Project
Build Your Own Generative AI App Using Google Gemini API with React JS | Beginner-Friendly Project
In this tutorial, we'll guide you through building your own Generative AI app using the Google Gemini API with React JS. This beginner-friendly project is perfect for anyone new to AI integration or React development. We'll start with the basics of setting up your development environment and walk you through the process of connecting to the Google Gemini API. You'll learn how to fetch AI-generated content, display results in your React app, and enhance the user experience with interactive features. By the end of the video, you'll have a fully functional AI-powered application and a solid unde...
In this tutorial, we'll guide you through building your own Generative AI app using the Google Gemini API with React JS. This beginner-friendly project is perfect for anyone new to AI integration or React development. We'll start with the basics of setting up your development environment and walk you through the process of connecting to the Google Gemini API. You'll learn how to fetch AI-generated content, display results in your React app, and enhance the user experience with interactive features. By the end of the video, you'll have a fully functional AI-powered application and a solid unde...
Просмотров: 1 023
Видео
Ultimate Full Stack Food Ordering Application: React JS, MongoDB, Express Node JS || Part-02
Просмотров 779Месяц назад
Ultimate Full Stack Food Ordering Application: React JS MongoDB Express Node JS Stripe & More! #mernstack In this comprehensive video, we guide you through building a complete Food Ordering Application using modern web technologies and frameworks. Whether you're a beginner or an intermediate developer, this project will enhance your skills in full stack development and prepare you to tackle rea...
Ultimate Full Stack Food Ordering Application: React JS MongoDB Express Node JS Stripe & More! #mern
Просмотров 3 тыс.2 месяца назад
Ultimate Full Stack Food Ordering Application: React JS MongoDB Express Node JS Stripe & More! #mern In this comprehensive video, we guide you through building a complete Food Ordering Application using modern web technologies and frameworks. Whether you're a beginner or an intermediate developer, this project will enhance your skills in full stack development and prepare you to tackle real-wor...
Develop a Comprehensive Home Rentals Platform with React, Redux, Node.js, MongoDB | Part-02
Просмотров 8372 месяца назад
Develop a Comprehensive Home Rentals Platform with React, Redux, Node.js, MongoDB, JWT, Tailwind CSS #mern | Part-02 Welcome to our comprehensive tutorial on building a Full Stack Home Rentals Application! In this video, we’ll guide you through the entire process of creating a modern and robust home rentals platform using some of the most popular web development technologies: 🔗 Resources: GitHu...
Develop a Comprehensive Home Rentals Platform with React, Redux, Node.js, MongoDB, Tailwind CSS
Просмотров 4,5 тыс.2 месяца назад
Develop a Comprehensive Home Rentals Platform with React, Redux, Node.js, MongoDB, JWT, Tailwind CSS #mern Welcome to our comprehensive tutorial on building a Full Stack Home Rentals Application! In this video, we’ll guide you through the entire process of creating a modern and robust home rentals platform using some of the most popular web development technologies: 🔗 Resources: GitHub Reposito...
Build a Complete Chat App with MERN Stack | React, Express, NodeJS, MongoDB and Socket.io | #mern
Просмотров 10 тыс.3 месяца назад
Build a Complete Chat App with MERN Stack | React, Express, NodeJS, MongoDB and Socket.io | #mern INTRODUCTION Welcome to this comprehensive guide on building a real-time chat application using the MERN stack. This tutorial is perfect for beginners and will walk you through each step of the process. The technologies we will use include MongoDB, Express, React, Node.js, Socket.io, Tailwind CSS, ...
Build a Social Media App with Next.js 15 | React, Next JS, Firebase, Next-Auth and Tailwind CSS
Просмотров 7713 месяца назад
Build a Social Media App with Next.js 15 | React, Next JS, Firebase, Next-Auth and Tailwind CSS Welcome to our comprehensive tutorial on building a social media app using Next.js 15! 🚀 In this video, we'll guide you through every step of the process, from setting up your development environment to deploying your finished app. Whether you're a beginner or an experienced developer, this tutorial ...
Build a Full Stack Notes App using MERN || MongoDB, Express, React JS, Node JS #mernstack
Просмотров 8 тыс.3 месяца назад
Build a Full Stack Notes App using MERN || MongoDB, Express, React JS, Node JS #mernstack Welcome to our comprehensive tutorial on building a Full Stack Notes App using the MERN stack (MongoDB, Express, React JS, Node JS). In this step-by-step guide, you'll learn how to create a fully functional Notes App with a variety of powerful features. GitHub Repository (give it a star ⭐): github.com/suic...
MERN Stack Project: Real Estate Application: Built with React MERN (jwt, redux) || Part-02
Просмотров 1,2 тыс.3 месяца назад
MERN Stack Project: Next-Gen Real Estate Marketplace: Built with React MERN and jwt, redux toolkit || Part-02 Master the MERN Stack & Build a Real Estate Application(React, Node.js, MongoDB) Become a Full-Stack Developer by Building a Feature-Rich Real Estate Marketplace with this Comprehensive MERN Course. 🚀 Ready to elevate your web development skills? Join our comprehensive course, "MERN Sta...
MERN Stack Project: Real Estate Application: Built with React MERN (jwt, redux) || Part-01
Просмотров 1,7 тыс.3 месяца назад
MERN Stack Project: Next-Gen Real Estate Marketplace: Built with React MERN and jwt, redux toolkit Master the MERN Stack & Build a Real Estate Application(React, Node.js, MongoDB) Become a Full-Stack Developer by Building a Feature-Rich Real Estate Marketplace with this Comprehensive MERN Course. 🚀 Ready to elevate your web development skills? Join our comprehensive course, "MERN Stack Project:...
How To Create Todo List App Using HTML, CSS and JavaScript || JavaScript Project for Beginner
Просмотров 110Год назад
How To Create Todo App Using HTML, CSS and JavaScript || JavaScript Project for Beginner #javascript #todoapp #javascriptproject #webdevelopment SUBSCRIBE: www.youtube.com/@UC_Vkg4W78Q1H-Pp3zVRzB9A Welcome to our comprehensive tutorial on building a dynamic Todo App using HTML CSS and JavaScript ! In this step-by-step guide, you'll learn how to create a fully functional and interactive Todo lis...
JavaScript DOM Manipulation | JavaScript DOM Manipulation in HINDI | DOM - Full Course for Beginners
Просмотров 149Год назад
JavaScript DOM Manipulation | JavaScript DOM Manipulation in HINDI | DOM - Full Course for Beginners . DOM manipulation and events in JavaScript Learn DOM Manipulation in Hindi DOM Manipulation in JavaScript in Hindi DOM Manipulation Projects Web Development Course DOM - Basic to Advanced
backend 3:12:15
Great Work Sir!
Bro lamadev is copying you
Sometimes I also copied some others project but understand and explained it in my way. Thank You. Happy Coding.
good
Great project but in thunder client it shows 4000 bad request and no file uploaded and it shows no file upload in free version what can i do for it?
Check the form data options correctly. Then there is an option for file. Click that and then you can upload file along with the other data.
sir, when i am going to logout it is giving error 401 plz provide .env file too
.env file only contains some variable declaration. Your problem is either in backend or in frontend. So first check the backend using postman or thunder client. If all ok then check the specific part in the frontend. However I will update the github repo if you get help from there. Stay Tuned. Happy Coding.
Thank you so much sir. It was helpful video and thanks for sharing source code it was useful for reviewing some errors.
Thanks for your feedback. Stay tuned for more exciting project. Happy Coding.
Bhai apne #asaprogrammer ki video copy kiya he
video with details explaination
Nice 💯
hello sir my card size and shape different from video >>> <div className="h-[200px] p-4 bg-gray-200 rounded-lg relative cursor-pointer hover:bg-gray-300"> <p className="text-slate-700 text-lg"> Suggeset top 10 webseries. </p> can you tell me if you have any solution
The provided Tailwind classes are almost correct, but you should also check the parent div and its classes. Also check the source code for the same. My easiest recommendation is to seek help from ChatGPT. In the future, we might encounter such errors frequently. Thank You. Happy Coding.
Sir API integration mein error aa raha hai
Please revisit the Integration part in the tutorial. Also check the source code of that specific part. If you get more error, then please leave a comment. Thank You. Happy Coding.
I really like this idea but i wonder if there's a way to add options to make the notes app more varied, like making words on full black, changing colors or switching the font's size
Thank you for your feedback! This is a full-stack project demonstrating how to perform CRUD operations. In the coming days, we will explore additional functionalities by developing a Note-Making Application. Thank you, and happy coding!
@@CODENOVUS thanks, great video and project
Bro please I need ur help in profile info.jsx when I run it, the name and initials of user is not displaying in the home page pls help me to resolve it
You can simply resolve the error by referring the Github repository. Thank You. Happy Coding.
Agr tum isme audio video calls ki functionality add krte ho I'll subscribe.
In upcoming days, we will definitely go through such kind of functionality. Thank You.
Hello sir, your tutorials is great. Thanks for the efforts you made
Thank you so much for your kind words! Keep coding and stay awesome!
Bro your vids content is too good❤
Thank you so much for your kind words! 🙌 I'm glad you found the content helpful. If there's anything specific you'd like to see in the future or any questions you have, feel free to let me know. Keep coding and stay awesome! 😊🚀
Sir I have a doubt like when we create an ml model from scratch in jupyter how can we integrate this in our website which is using mern stack. This is a major issue and there are not much resources available in RUclips so if u can make a video on that it would be really good
@@pavithrakumar8748 For this you need a backend API that can load your model and handle predictions. Then in your React frontend, make HTTP requests to the API whenever you need a prediction. In future we will definitely go through such kind of projects. Thank You. Stay tuned.
@@CODENOVUS tq sir
Complete project with lot's of learning thanks !
Bhai job lgva de
Thank you, bro. "You covered every single line of code," and thanks for providing the code. Keep making this type of project.
Is this app deployable?
Ofc. you can deploy it.
In GitHub repository its showing page not found
Finally Completed the Project Thank you Sir
Congratulation. Stay Tuned for more exciting projects with very beginner friendly explanation.
Thapa?? Bhai?
Why dont you use English my brother such an important tutorial? Or you want whatever your going to teach to be benefited by the Indians only 😢😢😢 Very very Unfortunate
Deployment part?
Next part kab aayega bhai
Next part is already published. Thank You. Happy Coding.
Awesome ❤🎉
Thanks 🤗
Its responsive ??
bro i got some issues in the front-end part can we connect
You can mail me.
Great sir❤
POST localhost:3000/api/auth/register net::ERR_SOCKET_NOT_CONNECTED Im facing this error how to solve ?
can anyone explain?
Make personal portfolio with next js,ts,zod,jest,tailwind library and threejs
We will definitely go through such kind of projects. Stay Tuned. Happy Coding.
bro how to solve that eslint no-unused-vars , no-undef issue bcz of this it shows React is defined but never used in app.jsx createRoot is declared but its value never read createRoot is defined but never used ReactDOM is defined but never used
1. Update your ESLint configuration to reflect the new JSX transform. 2.createRoot is declared but its value is never read: This issue happens if you've declared createRoot but haven’t used it. If you're transitioning from ReactDOM.render to createRoot with the new React 18 API, ensure you're using it correctly. 3. ReactDOM is defined but never used: If you’re using createRoot from react-dom/client, remove the ReactDOM import. Feel free if you have any further query. Thank You. Happy Coding.
Please make Spotify clone with full stack project. It will be helpful
We will try to develop Spotify Clone in upcoming projects. Thank You. Happy Coding.
What is your email?
You can mail me at sucide.machine.619@gmail.com Thank You. Happy Coding.
bhai itne bade project banane me bhut menhat lagti hai , mene apne sabhi developers freinds ko apka content share kiya , bhut bhut shukiya bahi
Thank you for your support. Feel free to ask if you have any query regarding this project. Thank You. Happy Coding.
super amazing app 🔥🔥
Brooo.. nice explanation. I was looking for mern, typescript projects and here it is . I am gonna complete this for sure. God bless you brother. ❤
Use English wtf 😡
Bro making slack clone project in next js
Absolutely! We're excited to take on the challenge of creating a Slack Clone in an upcoming video. Stay tuned as we dive into building this powerful communication tool, complete with real-time messaging, channels, and more. Thank You. Happy Coding.
I want to clone this project from github. I will watch complete video later but for now i want to just clone and put in it my CV for resume submission in my college. Can you please help me how can I set databases and other required things, I had downloaded code from github and runned npm install in frontend and backend locations, what to do now will copying a Mongo_URI from mongodb website is sufficient or anything else is also required in .env ? or any other gitignore files are also required?
Thank You for visiting the project. 🚀 But hold on, there's more to come! In the second part, we'll be implementing the search functionality and integrating Stripe for payment processing. We strongly recommend you don't clone the project just yet. The full GitHub repository will be provided soon, along with the complete code and features. Remember, for full functionality, you'll need to set up your .env file with the following: MongoDB URL Auth0 configuration Cloudinary API details Stripe API keys Stay tuned for the next video! Until then, happy coding! ✨
Bro noone on the RUclips has developed an e learning platform like udemy using mern stack, and i really want you to develop it, its a great project and also implement payment integration using Stripe or razor, btw thanks for your efforts ❤
Thanks for your feedback. We will surely developed an e learning platform using MERN stack in upcoming days. Thank You. Happy Coding.
Can i implement this on my internshala clone where employer can contact with job seekers?
Obviously you can implement it in your project. Feel free to ask if you face any issue in your project. Thank You. Happy Coding.
By any chance are you from assam?
mern so good no next js no typescript . no firebase , simple and clean mern stack . thanks god
Game of Thrones Fan bro yo yo ❤❤ gonna start it today will update with link when it will complete
Sir kindly check your email ,I sent an email to you for paid project
Sir kindly check your email ,I sent an email to you for paid project
Amazing❤