while cloning follow these steps 1 in cd calc-fe do npm install (this will install all the packages from packages.json file) 2 in cd calc-be do python -m venv venv (to create a virtaul environment ) 3 then venv/scripts/Activate.ps1(to run the virtual environment) 4 then do pip install -r requirements.txt( to install all the packages required for the backend) 5 then create your gemini api key and paste in .env as shown in video 6 then create .env.local and paste the link shown in video 7 now run the backend first by doing these three things (python -m venv venv venv/scripts/Activate.ps1 python main.py) 8 if there is error then change python with python3 and try again 9 now run the forntend just type npm run dev 10 ctrl+click on the link to open the project
That's really a cool project, leveraging simple tools and producing a innovative product using AI, hoping to see more of this content. An Idea is everything
Now make it offline in a single app . Just joking it was great fun project learned alot thanks for sharing the knowledge with us. Subscribed and waiting for some more good videos like this 😊
Thanks for your support! You can actually run it offline using llama instead of gemini API but your hardware should support it (llama 8b will work with around 4-6GB VRAM I think, less with quantized version). If you need any help creating that you can join our discord!
how is this idea? an AI-driven portfolio that consolidates all your professional information-skills, experience, projects, and education-into one comprehensive file. Using the free Gemini API, we'll train an AI chatbot that can interact with HR professionals, providing them with detailed responses about your background. This innovative approach transforms your portfolio into an interactive experience, making it easier for employers to understand your qualifications and expertise. I konow HR wont talk to bots but as a showcase of project it can work what do you think ?
Hey Nilesh, That's a really great project idea! Although we already have a line up of projects for next few months, we'd consider creating a video on it. But in the meantime why don't you try building it yourself? It'll be great learning experience and a cool project! You can join our discord if you are a beginner and need help/guidance for building it from us! discord.gg/8JPj78jCEm
cool, thats awesome. now waiting for someone to make a mobile version of it! but its usig gpt so that would be costly and wwould not be able to use by the free users!
30:11 error 'lazyBrush' is assigned a value but never used @typescript-eslint/no-unused-vars 48:8 warning React Hook useEffect has a missing dependency: 'renderLatexToCanvas'. Either include it or remove the dependency array react-hooks/exhaustive-deps i keep on getting this error i tried removing the lazybrush but then frontend was working but not backend
At 6:30 import path from 'path'; import react from '@vitejs/plugin-react'; import { defineConfig } from 'vite'; export default defineConfig({ plugins: [react()], resolve: { alias: { '@': path.resolve(__dirname, './src'), }, }, }); this is the code for vite.config.js
hello, this was great! if it possible, can you make a tutorial combining ai with a vision model like yolo v8 ! in simple words just to make ai able to see live video feeds and give answers like the google astra project!?
Your approach is very creative! I do have one question, though. When using this website on a laptop, drawing can be challenging. Adding features like shapes and text boxes, similar to those in MS Paint, would make the website much more effective for solving problems. This is my first time working on an AI project, and I’m at a beginner level. Could you please answer my question?
Yes it would, and you can use plain HTML Canvas as I did in video, and create custom shapes and components for the same. Or you can use a library like github.com/konvajs/react-konva, I haven't used it personally but it seems pretty good
Thank you so much, sir. I have watched your video twice and am using this project for my academic year project. However, it's not working on smartphones. Could you please assist me with this? Additionally, I noticed that your video does not show how to implement the pen tip size and eraser logic. I would greatly appreciate it if you could explain how to add those features. I have deployed the frontend on Vercel successfully, but while deploying the backend, I am encountering a 404 error (not found). Could you please help me resolve this issue? Lastly, it would be very helpful if you could make a similar video using the MERN stack. Thank you again for your guidance.
you can join the discord server and hop over VC if you need help! And as for pen tip size and eraser, that's left as an exercise for viewer! You need to create states for both, whether pen is selected or eraser, and what's the size selected and use that state in your event handlers
Great project bro excellent idea , im pretty sure it can be done with JS backend too but is there anything u used specific to python that is not available in JS?
Hey bro try to fix your deployed site it's not working properly, it's giving error code 500 in the js console, although this is very cool I like it ❤❤.
You just need to replace Python's API Route with either ExpressJS API Route or NextJS server function. Node already has google generative-ai library which you can use, code wouldn't be too different from what is given in video. You can drop in discord and ask questions if you face any issues! discord.com/invite/6SsYVvGWk3
Hey, please bring some projects purely based on PYTHON. Because many beginners start there journey from Python and it would be a great help for them to get motivated by doing this kind of intresting projects
Hey thanks for suggestion. We will try to make more projects in Python, but honest advice, it's a terrible language for beginners, or to start with. If you are a beginner, I'd suggest type-safe, and memory safe language like Java, Rust, or even Node with TS, are better choices to start with. It's harder in those languages to code "wrong" or "bad", while in Python it's super easy and you will learn bad practices.
@@error_by_night_Tbh, python should ONLY be used for prototyping things quickly, which is why ML is widely used there. And "pure python" doesn't really exist technically; to optimize you'd probably need to import third party libraries/built in libs. Imo, python is just a C wrapper. And yes I agree that python makes it easy to write unreadable/bad code. Like theres many ways to do loops efficiently, list comp, for range, etc..
I don't know Python, but is this concept similar to drawing something, passing the image to a GPT-type endpoint, and receiving the answer in return? Is that the main idea?
Hoga. Calculus, Probability, Stats, Partial Derivatives, Linear Algebra, all are is extremely important if you want to work in advanced ML/AI research or create your own models. You'll have to study even more mathematics after JEE as well, but JEE syllabus will lay down a solid foundation for the same. I'd suggest start studying from a book like ISLR and follow along their MIT course, or Andrew Ng's course on coursera.
focus mainly on JEE then. Good College is more important at this stage, you can learn lots of things when with like minded smart people in an NIT/IIT/BITS. Good Luck for JEE!!
Bro next an ai or project to create word synced lyrics please. i use an open source music streaming app rimusic and if you made it i will definitely suggest them to implement your project off with credits :) Thanks bhai read karne ke liye
@@error_by_night_ I am beginner among beginner Please some one explain in detail about set up 😢😢 please yar Please make one saparate video for set up From scarch Bro I am beginner among beginner Please explain in detail about set up 😢😢 please yar. 😭😭😭
Please please make a project video on MERN + AI How can we setup ai eith mern How should one approach these kind of thing I am really looking for someone who can teach me these kind of things and you are awesome brother please help me
It will work if I will follow your video completely to make this project. Because in between, i saw some people want the subscription for some resources ....plz tell me if it is
Through this article, you will understand how to deployed this project, handling both frontend and backend aspects. If you encounter any problems, feel free to join our Discord server and ask for assistance. sateeshpy.medium.com/deploying-fastapi-applications-on-vercel-a-step-by-step-guide-4c0be7e630ea
so inshort, making a canvas app, exporting canvas as image and sending it to gemini and then erasing canvas and providing the gemini result on user's screen. great way to think! Imma try making one with tldraw api and probably look for some efficient models? thanks for making this video! ^-^
your web version couldn't handle the traffic so it stopped working can I run it in my own pc like I have vscode but I donno how to code and all could u please help me run this individually
You need to follow a few steps 1. Clone the Github Repo 2. Install necessary dependencies of NPM and PIP (npm i, and pip install -r requirements.txt) 3. Watch the Gemini API Part of video, and create your own API Key for using Gemini model 4. Create a .env file according to video, and put your API Key in that. 5. You can run both frontend and backend codes now and it'll work absolutely fine!
bro i am getting error in initializing backend with python using "python3 -m venv venv" this command is not working properly in my case it says python is not installed what should i do please tell me
This is a great project ...But im facing issue in deployment can you please make a video on how to deploy the project cause i havent deployed anything yet and i searched yt on how to deploy this project but it didnt work
Sadly we don't have that in a video yet, but you can follow these two videos that explain how to deploy on vercel React: th-cam.com/video/IeFlfBR1lxw/w-d-xo.html&pp=ygUTZGVwbG95IHJlYWN0IHZlcmNlbA%3D%3D Python: th-cam.com/video/8R-cetf_sZ4/w-d-xo.html&pp=ygUcZGVwbG95IHB5dGhvbiBiYWNrZW5kIHZlcmNlbA%3D%3D
I am not, but on aws you get a free ec2 instance for a year (It's their lowest tier CPU with like 1 GB RAM, but still good enough to run some small apps
how are you so productive?? I will be also like you, if you can do it then I can always do it. I need to focus. Thanks for opening my eyes that there is too much competition in the outer world, if we focus on us, the competation becomes less
Hoping to see more projects like this in future❤
I bro can you please help me in this project is there i want to connect backend with frontend in this i need your help please🙏
Your drawing is on another level really
Yep! I spent 3 years in kindergarten to achieve this level! :D
😂😂😂@@error_by_night_
@@error_by_night_the tiny details are crazy 🤣🤣
@@error_by_night_ damn
@@error_by_night_I am beginner among beginner
Please some one explain in detail about set up 😢😢 please yar.
That called a masterpiece project
finally youtubers moving from the todo application as a tutorial to something better
gotta watch channels other than ""didi bhaiya"" and course sellers o7
while cloning follow these steps
1 in cd calc-fe do npm install (this will install all the packages from packages.json file)
2 in cd calc-be do python -m venv venv (to create a virtaul environment )
3 then venv/scripts/Activate.ps1(to run the virtual environment)
4 then do pip install -r requirements.txt( to install all the packages required for the backend)
5 then create your gemini api key and paste in .env as shown in video
6 then create .env.local and paste the link shown in video
7 now run the backend first by doing these three things (python -m venv venv
venv/scripts/Activate.ps1
python main.py)
8 if there is error then change python with python3 and try again
9 now run the forntend just type npm run dev
10 ctrl+click on the link to open the project
Thanks for providing such a comprehensive guide!
gemini api key is paid ??
@@error_by_night_ thank you for making such a nice project
@@williambutcher3416no, its free
bro i am getting error in front end does node.js project also depend on version becuase i am unable to run this
project is really amazing, something new for sure, i am new to python, can you also make the backend in nodejs ?
That's really a cool project, leveraging simple tools and producing a innovative product using AI, hoping to see more of this content. An Idea is everything
Boom when ? . Had me rolling 😂😂..
And this the master piece and the best project ever i had seen
Thanks
Thanks for this innovative project idea❤
Amazing tutorial! It’s clear, detailed, and super helpful for understanding AI-powered calculators. Loved how you broke everything down-great work! 🚀
Thanks!
This is brilliant! In the future you could try replacing Gemini with OpenAI's new GPT o1 as it'll be better for logical problems like this
No. I am strongly against ClosedAI and their practices. We plan to release a llama version though. Support FOSS 🫡
MInd Bolwing Brother, What a fantastic project amazing !!!!
Wow, 😮👍 I am speechless.
This is mind-blowing fr. It will definitely help us a lot, specially with the ability to analyze the fbd and solve it within seconds. Thanks bhaiya!❤
bhaiya mat bol 🙏
@@error_by_night_ ok bhaiya
@@shreyasyesade7😂😂
Cool project
This is actually amazing
yowwww..!!! I LIKED I LEARNT I SUBSCRIBED....NEED MORE VIDEOS LIKE THIS
Amazing bro ❤🔥🔥...you earned a subscriber
Now make it offline in a single app . Just joking it was great fun project learned alot thanks for sharing the knowledge with us. Subscribed and waiting for some more good videos like this 😊
Thanks for your support!
You can actually run it offline using llama instead of gemini API but your hardware should support it (llama 8b will work with around 4-6GB VRAM I think, less with quantized version). If you need any help creating that you can join our discord!
This are the best project 🤗🤗
yo yo, i wanted this to build from long time...thanks
Underrated bro Keep Rocking 👊
keep supporting
Bro made a masterpiece 😃
1:03 well-done😂😂😂😅😂😂
That's mind blowing
how did you make that terminal open and all those stuff at the start quite hard to understand for me if you could help
how is this idea? an AI-driven portfolio that consolidates all your professional information-skills, experience, projects, and education-into one comprehensive file. Using the free Gemini API, we'll train an AI chatbot that can interact with HR professionals, providing them with detailed responses about your background. This innovative approach transforms your portfolio into an interactive experience, making it easier for employers to understand your qualifications and expertise.
I konow HR wont talk to bots but as a showcase of project it can work what do you think ?
Hey Nilesh,
That's a really great project idea! Although we already have a line up of projects for next few months, we'd consider creating a video on it.
But in the meantime why don't you try building it yourself? It'll be great learning experience and a cool project! You can join our discord if you are a beginner and need help/guidance for building it from us!
discord.gg/8JPj78jCEm
@@error_by_night_ ok sir if I will get stuck I will make sure to reach out to you
HRs aren't that smart
cool, thats awesome. now waiting for someone to make a mobile version of it!
but its usig gpt so that would be costly and wwould not be able to use by the free users!
Excellent work! 🙌🙌
Thank you 🙌
Great work bro
did you use cloud function or the server to host the backend of the project.
Awesome project, 👌👌
30:11 error 'lazyBrush' is assigned a value but never used @typescript-eslint/no-unused-vars
48:8 warning React Hook useEffect has a missing dependency: 'renderLatexToCanvas'. Either include it or remove the dependency array react-hooks/exhaustive-deps
i keep on getting this error
i tried removing the lazybrush but then frontend was working but not backend
you can ignore the useEffect dependency.
And you can check again by pulling the latest commit.
great project. thanks a lot
At 6:30
import path from 'path';
import react from '@vitejs/plugin-react';
import { defineConfig } from 'vite';
export default defineConfig({
plugins: [react()],
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
},
},
});
this is the code for vite.config.js
I loved this. Great work! I tried to replicate this for my Masters project. I end up with some errors. Can you help in any possible way?
Bro is MIT student for sure
Nope bro, we all are from tier-69 college
Does tier 69 even exist😂
Terminal name ?
@@gameywood1362You won't get it☻️
@aman_v3 Konsole on Linux with Fish Shell.
hello, this was great! if it possible, can you make a tutorial combining ai with a vision model like yolo v8 ! in simple words just to make ai able to see live video feeds and give answers like the google astra project!?
Your approach is very creative! I do have one question, though. When using this website on a laptop, drawing can be challenging. Adding features like shapes and text boxes, similar to those in MS Paint, would make the website much more effective for solving problems. This is my first time working on an AI project, and I’m at a beginner level. Could you please answer my question?
Yes it would, and you can use plain HTML Canvas as I did in video, and create custom shapes and components for the same. Or you can use a library like github.com/konvajs/react-konva, I haven't used it personally but it seems pretty good
Thank you so much, sir. I have watched your video twice and am using this project for my academic year project. However, it's not working on smartphones. Could you please assist me with this?
Additionally, I noticed that your video does not show how to implement the pen tip size and eraser logic. I would greatly appreciate it if you could explain how to add those features.
I have deployed the frontend on Vercel successfully, but while deploying the backend, I am encountering a 404 error (not found). Could you please help me resolve this issue?
Lastly, it would be very helpful if you could make a similar video using the MERN stack.
Thank you again for your guidance.
you can join the discord server and hop over VC if you need help!
And as for pen tip size and eraser, that's left as an exercise for viewer!
You need to create states for both, whether pen is selected or eraser, and what's the size selected and use that state in your event handlers
Bro I have created using mern
Bro pleas send github link🙏@@GREEDYGAMERR
@@GREEDYGAMERR can you give me the link of your source code ?
How please share the link of github repo@@GREEDYGAMERR
Great project will try, i will also try to build this with different tech stacks.
Good luck!
cool bro ! subscribed
Appreciate it!
Great project bro excellent idea , im pretty sure it can be done with JS backend too but is there anything u used specific to python that is not available in JS?
This is masterpiece . Also show how to deploy
Can you please make a video on how to host this website on vercel.
Hey bro try to fix your deployed site it's not working properly, it's giving error code 500 in the js console, although this is very cool I like it ❤❤.
We didn't expect this much traffic, the free deployment limit has been reached.
Wonderful project bro 🎉
Keep it up
Also please create such Generative AI projects using React js and python
Will upload soon
That was great :) What extension do you use for Auto-Completion ?
maybe gemini code assist
Codeium for code completion on VS Codium and , fish terminal with fish-auto-completion extension for terminal auto complete.
instant suberascribe bhaisaab 🎉
Thanks.
Good project. How you record screen and edit your video?
Hey, Thanks!
OBS for recording, and edit in kdenlive!
This is the quality project 💯💯💯
Thanks for your support!
Op bro make more videos ❤
Sure 😊
How can i replace python language into another language (NextJs or MERN)
You just need to replace Python's API Route with either ExpressJS API Route or NextJS server function. Node already has google generative-ai library which you can use, code wouldn't be too different from what is given in video.
You can drop in discord and ask questions if you face any issues!
discord.com/invite/6SsYVvGWk3
Where did you get the back ground green template in thumnail . What are these called in editing?
Canva
best project
1:03 bro 😂😂
🤫
1:02
Hey, please bring some projects purely based on PYTHON. Because many beginners start there journey from Python and it would be a great help for them to get motivated by doing this kind of intresting projects
Hey thanks for suggestion.
We will try to make more projects in Python, but honest advice, it's a terrible language for beginners, or to start with. If you are a beginner, I'd suggest type-safe, and memory safe language like Java, Rust, or even Node with TS, are better choices to start with.
It's harder in those languages to code "wrong" or "bad", while in Python it's super easy and you will learn bad practices.
@@error_by_night_Tbh, python should ONLY be used for prototyping things quickly, which is why ML is widely used there. And "pure python" doesn't really exist technically; to optimize you'd probably need to import third party libraries/built in libs. Imo, python is just a C wrapper.
And yes I agree that python makes it easy to write unreadable/bad code. Like theres many ways to do loops efficiently, list comp, for range, etc..
Used this website to solve my math problems, thank you.
Excellent, you're on your way to solve all the questions wrong!!
@@error_by_night_ I mean it really helped me in some points.
@@error_by_night_ 🤣🤣
Thank You Bro :)
Amazing Project
Glad you like it
1:02 😮
which algorithm is used in this project..?
I don't know Python, but is this concept similar to drawing something, passing the image to a GPT-type endpoint, and receiving the answer in return? Is that the main idea?
yep! I first tried with an old math2latex model, but that had severe limitations, Gemini worked far better
I think Murtaza's math with gesture ( math in air) app built in python 3 months ago was cooler 😊
Real id se aao murtaza bhai😅
@@dhruv_deshmukh5704 He is well know coder with 4.8 lakh subscribers😁He doesn't need advertisement from me! I just said what I felt.
Thanks brother
Instead of using GCP i want to use MONGODB for backend, then how can i get Gemini API key
Wow ❤
Hats Off Really
Sir may i know what is the name of your theme which you are using in the vs code ?
Bhai Ai ,ml ke liye maths jo Jee me hai wo Kr ke fayeda hoga na bhai please reply
Hoga. Calculus, Probability, Stats, Partial Derivatives, Linear Algebra, all are is extremely important if you want to work in advanced ML/AI research or create your own models.
You'll have to study even more mathematics after JEE as well, but JEE syllabus will lay down a solid foundation for the same.
I'd suggest start studying from a book like ISLR and follow along their MIT course, or Andrew Ng's course on coursera.
@@error_by_night_ thanks bro but wo me kr skta hu me lekin abhi January me jee hai na so mainly focuses on jee syllabus and pyq
focus mainly on JEE then. Good College is more important at this stage, you can learn lots of things when with like minded smart people in an NIT/IIT/BITS. Good Luck for JEE!!
@@error_by_night_ Thank You sir You replied
Sir bhaiya mat bole bhai
Bro next an ai or project to create word synced lyrics please. i use an open source music streaming app rimusic and if you made it i will definitely suggest them to implement your project off with credits :) Thanks bhai read karne ke liye
You can checkout our Music Player App which had this feature!
th-cam.com/video/AcCo7E6TPIw/w-d-xo.html
Bro i created the same using react + node😄🤝thanks
Great 👍
Bradar node js ka git hub repo hoga to kriypa share kar do🙏
My project is working fine but host karne me problem ho reha hai plz ek video banado na hosting ka😊
same bro
🙂🙂
next video will have deployed section!
Awesome
Well presentation but i want to know installation part that required
Which installation part?
@@error_by_night_
I am beginner among beginner
Please some one explain in detail about set up 😢😢 please yar
Please make one saparate video for set up
From scarch
Bro I am beginner among beginner
Please explain in detail about set up 😢😢 please yar. 😭😭😭
Please please make a project video on MERN + AI
How can we setup ai eith mern
How should one approach these kind of thing
I am really looking for someone who can teach me these kind of things and you are awesome brother please help me
Hey! We have a video coming on that topic soon!
Join our discord to stay updated!
discord.gg/8JPj78jCEm
It will work if I will follow your video completely to make this project. Because in between, i saw some people want the subscription for some resources
....plz tell me if it is
It's completely free.
If you follow the whole tutorial you will eventually land on what we have show you in the demo.
great work man .. i was checking ur website, superb
probably API exhausted
Amazing project but I have a lot of problems deploying both the front and back end can you tell me step by step what to do
Through this article, you will understand how to deployed this project, handling both frontend and backend aspects. If you encounter any problems, feel free to join our Discord server and ask for assistance.
sateeshpy.medium.com/deploying-fastapi-applications-on-vercel-a-step-by-step-guide-4c0be7e630ea
sir set up nahi ho raha kya kare please help !!!!
Bro using Codercoderdarker theme 😮🎉
Yes 😁
so inshort, making a canvas app, exporting canvas as image and sending it to gemini and then erasing canvas and providing the gemini result on user's screen. great way to think! Imma try making one with tldraw api and probably look for some efficient models? thanks for making this video! ^-^
yep!
Yeah you can play around with other models, or local llamas, share what worked best for you with me as well!
what's the role of backend here?
@@BruceWayne-f7u so basically backend api is for sending image to Gemini and get resilts
great
your web version couldn't handle the traffic so it stopped working can I run it in my own pc like I have vscode but I donno how to code and all could u please help me run this individually
You need to follow a few steps
1. Clone the Github Repo
2. Install necessary dependencies of NPM and PIP (npm i, and pip install -r requirements.txt)
3. Watch the Gemini API Part of video, and create your own API Key for using Gemini model
4. Create a .env file according to video, and put your API Key in that.
5. You can run both frontend and backend codes now and it'll work absolutely fine!
Hey bro, I'm looking for more AI-based projects like this.
On it!
bro i am getting error in initializing backend with python using "python3 -m venv venv" this command is not working properly in my case it says python is not installed what should i do please tell me
you need to go to www.python.org and download python from there
same vhai what to do
What Linux Distro are you're Used?
OpenSuse TW!
@@error_by_night_can't find it in extensions list...
This is Best
This is a great project ...But im facing issue in deployment can you please make a video on how to deploy the project cause i havent deployed anything yet and i searched yt on how to deploy this project but it didnt work
Sadly we don't have that in a video yet, but you can follow these two videos that explain how to deploy on vercel
React: th-cam.com/video/IeFlfBR1lxw/w-d-xo.html&pp=ygUTZGVwbG95IHJlYWN0IHZlcmNlbA%3D%3D
Python: th-cam.com/video/8R-cetf_sZ4/w-d-xo.html&pp=ygUcZGVwbG95IHB5dGhvbiBiYWNrZW5kIHZlcmNlbA%3D%3D
bro are you using a cloud pc from azure tell me about it how much it cost
I am not, but on aws you get a free ec2 instance for a year (It's their lowest tier CPU with like 1 GB RAM, but still good enough to run some small apps
@@error_by_night_ ok thanks for info
3:55 what is this? could someone explain???
Its cricket wagon wheel that is used to display batsman scoring areas on the field
which extensions are you using for autocompleting the sentences (even in terminal)
fish terminal
I am unable to find 'Fish Terminal' in the extension list..how can i install @@error_by_night_
Can i create this on JavaScript? Can you guide me how to do it on js?
same question
hi there, up until 33:10 my be is somehow not connecting with fe. would love to be helped with that 🙏 🙏 🙏
fish is working on mac vscode or normal windows11 also
fish works in water also
@error_by_night_ 🤣
I was asking my doubt but you changed the path 😂
how much time did it take you to learn all this and from where you learned this all???
how are you so productive?? I will be also like you, if you can do it then I can always do it. I need to focus. Thanks for opening my eyes that there is too much competition in the outer world, if we focus on us, the competation becomes less
thank you
Insane
Can you make a video on that slider you added?
No
@error_by_night_ uhmm... Kinda rude but okay
Sorry
@@error_by_night_ 😆
nice
bro can i use it for my resume project? one thing i will change apart from gemini i will use new gpt 4 api
Yeah sure man! It's completely open to change, distribute, and use for all! We'd love to see you add more features to it!