- 146
- 323 192
Build With Hussain
India
Приєднався 20 кві 2023
Learn to build world class web apps.
14 - Recording a Demo Video | Building an expense splitting app with Frappe, VueJS and TailwindCSS
In this series of videos (from a live stream!), I will build the FOSS Hack 2024 winning project: batwara.app live! Batwara is a simple and open source Splitwise alternative. We will see how Frappe Framework and FrappeUI (+ VueJS, TailwindCSS) can be used to build polished full-stack web apps in record time!
For schedule, past episodes and more, check website: bwh.live
My Setup: bwh.live/setup
Articles: bwh.live/articles
Reach Out:
X: x.com/NagariaHussain
LinkedIn: www.linkedin.com/in/buildwithhussain/
Resources:
Try Frappe Cloud: frappe.fyi/fc
Frappe School: frappe.school
Frappe Framework: frappeframework.com
About Frappe: frappe.io
#frappe #erpnext #webdevelopmenttutorials
For schedule, past episodes and more, check website: bwh.live
My Setup: bwh.live/setup
Articles: bwh.live/articles
Reach Out:
X: x.com/NagariaHussain
LinkedIn: www.linkedin.com/in/buildwithhussain/
Resources:
Try Frappe Cloud: frappe.fyi/fc
Frappe School: frappe.school
Frappe Framework: frappeframework.com
About Frappe: frappe.io
#frappe #erpnext #webdevelopmenttutorials
Переглядів: 309
Відео
15 - Landing Page w/ Builder | Building an expense splitting app with Frappe, VueJS and TailwindCSS
Переглядів 244Місяць тому
In this series of videos (from a live stream!), I will build the FOSS Hack 2024 winning project: batwara.app live! Batwara is a simple and open source Splitwise alternative. We will see how Frappe Framework and FrappeUI ( VueJS, TailwindCSS) can be used to build polished full-stack web apps in record time! For schedule, past episodes and more, check website: bwh.live My Setup: bwh.live/setup Ar...
12 - Transaction History | Building an expense splitting app with Frappe, VueJS and TailwindCSS
Переглядів 122Місяць тому
In this series of videos (from a live stream!), I will build the FOSS Hack 2024 winning project: batwara.app live! Batwara is a simple and open source Splitwise alternative. We will see how Frappe Framework and FrappeUI ( VueJS, TailwindCSS) can be used to build polished full-stack web apps in record time! For schedule, past episodes and more, check website: bwh.live My Setup: bwh.live/setup Ar...
13 - Writing README Docs | Building an expense splitting app with Frappe, VueJS and TailwindCSS
Переглядів 73Місяць тому
In this series of videos (from a live stream!), I will build the FOSS Hack 2024 winning project: batwara.app live! Batwara is a simple and open source Splitwise alternative. We will see how Frappe Framework and FrappeUI ( VueJS, TailwindCSS) can be used to build polished full-stack web apps in record time! For schedule, past episodes and more, check website: bwh.live My Setup: bwh.live/setup Ar...
11 - Live User Testing | Building an expense splitting app with Frappe, VueJS and TailwindCSS
Переглядів 99Місяць тому
In this series of videos (from a live stream!), I will build the FOSS Hack 2024 winning project: batwara.app live! Batwara is a simple and open source Splitwise alternative. We will see how Frappe Framework and FrappeUI ( VueJS, TailwindCSS) can be used to build polished full-stack web apps in record time! For schedule, past episodes and more, check website: bwh.live My Setup: bwh.live/setup Ar...
10 - File Attachments | Building an expense splitting app with Frappe, VueJS and TailwindCSS
Переглядів 87Місяць тому
Try Frappe Cloud: frappe.fyi/fc In this series of videos (from a live stream!), I will build the FOSS Hack 2024 winning project: batwara.app live! Batwara is a simple and open source Splitwise alternative. We will see how Frappe Framework and FrappeUI ( VueJS, TailwindCSS) can be used to build polished full-stack web apps in record time! For schedule, past episodes and more, check website: bwh....
07 - OTP Auth with Twilio | Building an expense splitting app with Frappe, VueJS and TailwindCSS
Переглядів 86Місяць тому
In this series of videos (from a live stream!), I will build the FOSS Hack 2024 winning project: batwara.app live! Batwara is a simple and open source Splitwise alternative. We will see how Frappe Framework and FrappeUI ( VueJS, TailwindCSS) can be used to build polished full-stack web apps in record time! For schedule, past episodes and more, check website: bwh.live My Setup: bwh.live/setup Ar...
08 - Invite Friends | Building an expense splitting app with Frappe, VueJS and TailwindCSS
Переглядів 53Місяць тому
In this series of videos (from a live stream!), I will build the FOSS Hack 2024 winning project: batwara.app live! Batwara is a simple and open source Splitwise alternative. We will see how Frappe Framework and FrappeUI ( VueJS, TailwindCSS) can be used to build polished full-stack web apps in record time! For schedule, past episodes and more, check website: bwh.live My Setup: bwh.live/setup Ar...
09 - Deploy to Frappe Cloud | Building an expense splitting app with Frappe, VueJS and TailwindCSS
Переглядів 103Місяць тому
Try Frappe Cloud: frappe.fyi/fc In this series of videos (from a live stream!), I will build the FOSS Hack 2024 winning project: batwara.app live! Batwara is a simple and open source Splitwise alternative. We will see how Frappe Framework and FrappeUI ( VueJS, TailwindCSS) can be used to build polished full-stack web apps in record time! For schedule, past episodes and more, check website: bwh....
06 - Summary & Settlement | Building an expense splitting app with Frappe, VueJS and TailwindCSS
Переглядів 106Місяць тому
In this series of videos (from a live stream!), I will build the FOSS Hack 2024 winning project: batwara.app live! Batwara is a simple and open source Splitwise alternative. We will see how Frappe Framework and FrappeUI ( VueJS, TailwindCSS) can be used to build polished full-stack web apps in record time! For schedule, past episodes and more, check website: bwh.live My Setup: bwh.live/setup Ar...
05 - Modelling a Ledger | Building an expense splitting app with Frappe, VueJS and TailwindCSS
Переглядів 138Місяць тому
In this series of videos (from a live stream!), I will build the FOSS Hack 2024 winning project: batwara.app live! Batwara is a simple and open source Splitwise alternative. We will see how Frappe Framework and FrappeUI ( VueJS, TailwindCSS) can be used to build polished full-stack web apps in record time! For schedule, past episodes and more, check website: bwh.live My Setup: bwh.live/setup Ar...
04 - Friends & Expenses | Building an expense splitting app with Frappe, VueJS and TailwindCSS
Переглядів 249Місяць тому
In this series of videos (from a live stream!), I will build the FOSS Hack 2024 winning project: batwara.app live! Batwara is a simple and open source Splitwise alternative. We will see how Frappe Framework and FrappeUI ( VueJS, TailwindCSS) can be used to build polished full-stack web apps in record time! For schedule, past episodes and more, check website: bwh.live My Setup: bwh.live/setup Ar...
03 - Frontend Setup | Building an expense splitting app with Frappe, VueJS and TailwindCSS
Переглядів 344Місяць тому
In this series of videos (from a live stream!), I will build the FOSS Hack 2024 winning project: batwara.app live! Batwara is a simple and open source Splitwise alternative. We will see how Frappe Framework and FrappeUI ( VueJS, TailwindCSS) can be used to build polished full-stack web apps in record time! For schedule, past episodes and more, check website: bwh.live My Setup: bwh.live/setup Ar...
02 - Backend Setup | Building an expense splitting app with Frappe, VueJS and TailwindCSS
Переглядів 614Місяць тому
02 - Backend Setup | Building an expense splitting app with Frappe, VueJS and TailwindCSS
01 - Introduction | Building an expense splitting app with Frappe, VueJS and TailwindCSS
Переглядів 920Місяць тому
01 - Introduction | Building an expense splitting app with Frappe, VueJS and TailwindCSS
VueJS, TailwindCSS & FrappeUI Training - Day 5 | E-commerce Project
Переглядів 1,3 тис.2 місяці тому
VueJS, TailwindCSS & FrappeUI Training - Day 5 | E-commerce Project
VueJS, TailwindCSS & FrappeUI Training - Day 4 | Vue Router & Starting the E-commerce Project
Переглядів 1,5 тис.2 місяці тому
VueJS, TailwindCSS & FrappeUI Training - Day 4 | Vue Router & Starting the E-commerce Project
VueJS, TailwindCSS & FrappeUI Training - Day 3 | Getting started with FrappeUI
Переглядів 1,9 тис.2 місяці тому
VueJS, TailwindCSS & FrappeUI Training - Day 3 | Getting started with FrappeUI
VueJS, TailwindCSS & FrappeUI Training - Day 2 | VueJS with API & TailwindCSS Basics
Переглядів 1,9 тис.2 місяці тому
VueJS, TailwindCSS & FrappeUI Training - Day 2 | VueJS with API & TailwindCSS Basics
VueJS, TailwindCSS & FrappeUI Training - Day 1 | DOM Manipulation & VueJS Basics
Переглядів 4,1 тис.3 місяці тому
VueJS, TailwindCSS & FrappeUI Training - Day 1 | DOM Manipulation & VueJS Basics
Frappe Framework App Development Bootcamp - Day 3 (Dubai, 2024)
Переглядів 7 тис.6 місяців тому
Frappe Framework App Development Bootcamp - Day 3 (Dubai, 2024)
Frappe Framework App Development Bootcamp - Day 2 (Dubai, 2024)
Переглядів 13 тис.7 місяців тому
Frappe Framework App Development Bootcamp - Day 2 (Dubai, 2024)
Frappe Framework App Development Bootcamp - Day 1 (Dubai, 2024)
Переглядів 29 тис.7 місяців тому
Frappe Framework App Development Bootcamp - Day 1 (Dubai, 2024)
Add TailwindCSS powered Portal pages in your Frappe Apps!
Переглядів 2,4 тис.8 місяців тому
Add TailwindCSS powered Portal pages in your Frappe Apps!
Submittable DocTypes and Workflows in Frappe Framework, with use case!
Переглядів 4,1 тис.11 місяців тому
Submittable DocTypes and Workflows in Frappe Framework, with use case!
All About Roles and Permissions Management in Frappe Framework/ERPNext!
Переглядів 8 тис.Рік тому
All About Roles and Permissions Management in Frappe Framework/ERPNext!
Making Reports in Frappe Framework/ERPNext: Builder, Query Report & Script Reports!
Переглядів 12 тис.Рік тому
Making Reports in Frappe Framework/ERPNext: Builder, Query Report & Script Reports!
Writing & Running Unit Tests in Your Frappe Apps!
Переглядів 1,9 тис.Рік тому
Writing & Running Unit Tests in Your Frappe Apps!
Fixtures and Doc Events (using hooks) in Frappe Framework!
Переглядів 3,7 тис.Рік тому
Fixtures and Doc Events (using hooks) in Frappe Framework!
thanks
Hi, I am trying to integrate Third Party Application which will digitally sign documents and will return signed documents. To send documents they have provided API's ({static_ip_address}/BulkSignerAPI/method_name) to send data through our app. Is it possible to integrate these API's using outbound IP of frappe cloud?
Hello hussain, Epic as usual, if you could talk more about fixtures and stnadrd cusomization ot would be the most great!
Hey Hussain, I love your training and videos so learning frappe-ui. I have a question about how to access for CRUD a child table with a link field on the UI. I can easily display the data but does frappe-ui controller work in the same way and how is this effectively done
Back with a Bang🔥🔥🔥
Can we add Carousel in frappe builder
thank you Hussain and Nilkhil huge fan of frappe and raven , question i am self hosting my erpnext app via docker and i installed raven , it works for a while but it ends up saying no module found for all the raven functions when i try to use it what do i do?
How to send Data through API's using static IP/Public IP? Please guide
Hi 👋 What are you trying to implement?
@@BuildWithHussain Hi, I am trying to integrate Third Party Application which will digitally sign documents and will return signed documents. To send documents they have provided API's ({static_ip_address}/BulkSignerAPI/method_name) to send data through our app. Is it possible to integrate these API's using outbound IP of frappe cloud?
great video as always Hussain, question instead of using open ai for the AI is it possible to use a GROQ API to make it sustainable for operations and cost efficient ?
We can add support for more providers, but none of the others (as of now) support threads + function calling via assistants. The long term plan is to allow it to work with any provider.
@@nikkothari22 thank u so much
To good to be true, i always wanted this kind of feature in the ERP systems , people are too fade up with the generic tally ERP, this is the future
When we close the dialog box, does the frappe ui update the showdialog from true to false by itself??
If using v-model, yes, because it is a two way binding.
frappe.exceptions.LinkValidationError how i can resolve this error
credit to the video content but the audio quality wasn't it
Yeah 🥲
Can we add connection based on more than one link fieldnames with one link doctype
Absolutely loved this. The series does a good job for a frappe beginner like me. I like the way you make the apps in a real time, with errors, searches for examples, it really shows the development cycle. Thanks. I also would like to find a video on (1) translation of my app, (2) what is the difference between web view page, web form page, portal pages, why to use one or another (3) customization/overloading frappe default pages, (4) user management (for situation when a Store Admin can add Moderators, each of them can have another level of Contributors, which can contribute contents, upload pictures/files etc. BUT a Moderator can only see/edit/etc. their Contributors and their content, Contributor can only see/edit/etc. their content and Store Admin can see/edit everything. (5) deny access to the desk to all users, but only the Administrator. (6) or deny users to get to "form view" All of this do to with minimum addition of external frameworks/libraries. Thank you.
Glad you enjoyed the series 😃 I have noted rest of your points.
Hi, anyone frappe developers know about customize notifications sound addition in frappe
so how does the currency field is changed (like from USD to INR)
Awesome
How to add pie chart in Report list, Report Type - custom report.
Super effort
As a beginner in React and Frappe Developer, I found this session quite beneficial.
🙌
I did all you wrote and when I run yarn dev than it shows me login page. Why ist that ? Looks like in the begining you have the same code and you see the page with ping-pong
Hi 👋 It was because I was already logged in (when we visited desk). Check if you can visit /app.
@@BuildWithHussain I am looged into frappe. Maybe it is because I am running it on my web server not local. ? Also if I am trying to login it is not working with frappe credential and refreshin page every 3 sec.
Same issue here solved it by using --host to access the server directly
hello, my redis is running 127.0.0.1:6379 , but frappe default redis port is 13000 and 11000, . so im always get eror connection refused, how to handle that ? do i need to run redis server on port 13000 and 11000 ?
How to combine two tables using union ?
Hi, very good content about HTMX in frappe. Please make more videos about using htmx with frappe. Much appreciated!
HI hussani i got this error when try to fetch the list Uncaught (in promise) Error: /api/method/frappe.client.get_list PermissionError as in 28:24
Are you logged in?
This is excellent. as someone else said kailash talks the talk and walks the walk. I wish to see more of this from Kailash and other people who are good builders.
Following up, thank you G
Following up, thank you G
Much appreciation, following up as I needed to contribute to frappe cloud and I met Vue
How to mount vue app inside bench and run bench start without having to start vue app yarn dev
Run bench build and that should do it. Dev server is for development, in production it doesn’t run.
hi sir Hi, I came across a problem where I installed the application on the site, but in the terminal, I received a response like 'App is installing shadapp... Updating Dashboard for shadapp.' However, when I check the 'About' section on the desk, I can't see it. I've tried restarting the project over 10 times, thinking it was my mistake, but the issue persists. The application installs but doesn't appear in the 'About' section on the desk. Is there a solution for this? It would be very helpful. Thank you, and I look forward to your positive response." Time line 1:46:33 on this video : (Frappe Framework App Development Bootcamp - Day 1 (Dubai, 2024) )
Might sound silly, but check if you are installing the app on the correct site (I mean the one which is open in browser)
Hi, I came across a problem where I installed the application on the site, but in the terminal, I received a response like 'App is installing shadapp... Updating Dashboard for shadapp.' However, when I check the 'About' section on the desk, I can't see it. I've tried restarting the project over 10 times, thinking it was my mistake, but the issue persists. The application installs but doesn't appear in the 'About' section on the desk. Is there a solution for this? It would be very helpful. Thank you, and I look forward to your positive response." Time line 1:46:33
The backend validation error message was smooth! 🎉
how to solve errors , ?
Hi 👋 Which errors?
@@BuildWithHussain DoesNotExistError frappe.exceptions.DoesNotExistError: Module Core not found
@@BuildWithHussain can i share the image of following errors
@@BuildWithHussain There was an issue while migrating the DocType: Workspace
Use: discuss.frappe.io
i got error on bench new-site bat.localhost There was an issue while migrating the DocType: Workspace Traceback (most recent call last): File "/Users/lapto/code/bench/apps/frappe/frappe/commands/site.py", line 110, in new_site _new_site( File "/Users/lapto/code/bench/apps/frappe/frappe/installer.py", line 111, in _new_site install_app(app, verbose=verbose, set_as_patched=not source_sql, force=False) File "/Users/lapto/code/bench/apps/frappe/frappe/installer.py", line 314, in install_app sync_for(name, force=force, reset_permissions=True) File "/Users/lapto/code/bench/apps/frappe/frappe/model/sync.py", line 111, in sync_for import_file_by_path( File "/Users/lapto/code/bench/apps/frappe/frappe/modules/import_file.py", line 142, in import_file_by_path import_doc( File "/Users/lapto/code/bench/apps/frappe/frappe/modules/import_file.py", line 235, in import_doc doc.insert() File "/Users/lapto/code/bench/apps/frappe/frappe/model/document.py", line 318, in insert self.run_post_save_methods() File "/Users/lapto/code/bench/apps/frappe/frappe/model/document.py", line 1164, in run_post_save_methods self.run_method("on_update") File "/Users/lapto/code/bench/apps/frappe/frappe/model/document.py", line 979, in run_method out = Document.hook(fn)(self, *args, **kwargs) ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ File "/Users/lapto/code/bench/apps/frappe/frappe/model/document.py", line 1362, in composer return composed(self, method, *args, **kwargs) ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ File "/Users/lapto/code/bench/apps/frappe/frappe/model/document.py", line 1340, in runner add_to_return_value(self, fn(self, *args, **kwargs)) ^^^^^^^^^^^^^^^^^^^^^^^^^ File "/Users/lapto/code/bench/apps/frappe/frappe/model/document.py", line 976, in fn return method_object(*args, **kwargs) ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ File "/Users/lapto/code/bench/apps/frappe/frappe/core/doctype/doctype/doctype.py", line 518, in on_update raise e File "/Users/lapto/code/bench/apps/frappe/frappe/core/doctype/doctype/doctype.py", line 515, in on_update frappe.db.updatedb(self.name, Meta(self)) File "/Users/lapto/code/bench/apps/frappe/frappe/database/mariadb/database.py", line 450, in updatedb db_table.sync() File "/Users/lapto/code/bench/apps/frappe/frappe/database/schema.py", line 43, in sync self.create() File "/Users/lapto/code/bench/apps/frappe/frappe/database/mariadb/schema.py", line 70, in create frappe.db.sql_ddl(query) File "/Users/lapto/code/bench/apps/frappe/frappe/database/database.py", line 421, in sql_ddl self.sql(query, debug=debug) File "/Users/lapto/code/bench/apps/frappe/frappe/database/database.py", line 236, in sql self._cursor.execute(query, values) File "/Users/lapto/code/bench/env/lib/python3.12/site-packages/pymysql/cursors.py", line 153, in execute result = self._query(query) ^^^^^^^^^^^^^^^^^^ File "/Users/lapto/code/bench/env/lib/python3.12/site-packages/pymysql/cursors.py", line 322, in _query conn.query(q) File "/Users/lapto/code/bench/env/lib/python3.12/site-packages/pymysql/connections.py", line 563, in query self._affected_rows = self._read_query_result(unbuffered=unbuffered) ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ File "/Users/lapto/code/bench/env/lib/python3.12/site-packages/pymysql/connections.py", line 825, in _read_query_result result.read() File "/Users/lapto/code/bench/env/lib/python3.12/site-packages/pymysql/connections.py", line 1199, in read first_packet = self.connection._read_packet() ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ File "/Users/lapto/code/bench/env/lib/python3.12/site-packages/pymysql/connections.py", line 775, in _read_packet packet.raise_for_error() File "/Users/lapto/code/bench/env/lib/python3.12/site-packages/pymysql/protocol.py", line 219, in raise_for_error err.raise_mysql_exception(self._data) File "/Users/lapto/code/bench/env/lib/python3.12/site-packages/pymysql/err.py", line 150, in raise_mysql_exception raise errorclass(errno, errval) pymysql.err.OperationalError: (1101, "BLOB, TEXT, GEOMETRY or JSON column 'content' can't have a default value") Site creation failed, do you want to rollback the site? [y/N]: n :: :: Context: File '/Users/lapto/code/bench/env/lib/python3.12/site-packages/click/termui.py', line 247 242: else: 243: echo(_("Error: invalid input"), err=err) 244: continue 245: break 246: if abort and not rv: 247> raise Abort() 248: return rv 249: 250: 251: def echo_via_pager( 252: text_or_generator: t.Union[t.Iterable[str], t.Callable[[], t.Iterable[str]], str], Do you want to see the full traceback? [y/N]:
@BuildwithHussain how to solve ?
i got error on bat.localhost:8000 DoesNotExistError frappe.exceptions.DoesNotExistError: Module Core not found
The app used to record the demo is screenstudio. For anyone's wondering
At what point does one go from Free version to Monthly or Annual SaaS PAID version? Thanks Hamp AL, USA
There is no difference! Everything is 100% free and open source. If you want hassle free hosting, you can opt for Frappe Cloud, where we charge for hosting (product support plans also available).
I hope you will do the PWA part on live sometime in future 😊
Yup, on my list!
Superb Gentlemen! Greetings from Alabama USA. Love your platform & Tutorials!
I have a question can I build school management system with frappe framework as i'm a student and this is gonna be our mini project but I want it to be polished and like product so that my college can use it as their primary go to go software
Hey! Sure you can, in fact we already have: frappe.io/education and frappe.io/learning
You mentioned you're from Baster, but which part of Baster are you from?
Jagdalpur 😃
@@BuildWithHussain It's wonderful to know that you're also from Bastar! I'm truly impressed by the incredible work you're doing. I'm learning Frappe by watching your videos, and I'm really grateful for that!
@@BuildWithHussain we are from Dantewada (c.g) and are learning the frappe framework here in the Navgurukul Foundation for Social Welfare (Dantewada campus). We are facing some difficulty in understanding the Frappe framework, and here we have to rely on self-learning, so we are unable to clear our doubts effectively. If you are available, could we schedule a meeting to clarify our doubts, sir? If you accept our request, it would be a great help to us. Thank you, sir 😊
Hi 👋 Here: cal.com/bwh.live
@@BuildWithHussainThank you sir for giving your valuable time to us 😊
thanks for evre thing I have an off topic question about how I can override the file of general ledger.html to add some code in it in my app
Thank you so much for sharing the knowledge. I appreciate it very much.
I have already built customer portal with frappe vue and tailwind🎉🎉
Woohoo! 🙌
It will be fun again to learn with you. Thanks man for another lesson. 🎉🎉🎉
I wouldn't dare to edit 16hrs of live footage. Kudos to you❤
❤
Thanks for the video. I followed your walkthrough and set up a vue 3 spa but i am unable to make frappe.calls as frappe seems not to be abailable in the environment. I even tried to use fetch but the crsf token is not available in the environment either. Can you give me any insight into how to make frappe available in the vue 3 environment? Thanks!
CSRF Token check has to be disabled in local development environment. You can do that by adding "ignore_csrf": 1 to your site config. The other part, we discussed on discord 😁