Build a Web App (GUI) for your CrewAI Automation (Easy with Python)

Поділитися
Вставка
  • Опубліковано 12 січ 2025

КОМЕНТАРІ • 55

  • @alejandro_ao
    @alejandro_ao  8 місяців тому +4

    Errata:
    At 32:12, I do an overview of the front-end code. There, you see some code that we fixed two minutes before, when I said "hello from the future" (the initialization of our Crew object). Don't pay too much attention to that. Anyways, you can ask me your questions here!
    I hope you find this useful!

  • @andydataguy
    @andydataguy 7 місяців тому +2

    Brother you are a legend 🙌🏾 I've been needing a UI for crews. You still top of the game! Thank you for taking the time to make and share this

    • @alejandro_ao
      @alejandro_ao  7 місяців тому

      thanks Andy! i’m glad to be able to contribute to your learning path, regardless of how small my contribution is :)

  • @BrandonFoltz
    @BrandonFoltz 7 місяців тому

    Oh yea! It's like Bob Ross for coding AI. Great to have another video that can be expanded and reused for other applications. The emphasis to always have a front end UI is what sets these videos apart even if it takes a little more time. Bravo as usual.

    • @alejandro_ao
      @alejandro_ao  7 місяців тому

      hey Brandon! i appreciate it, thank you! i'm glad you are finding this series useful :) please let me know if you have any suggestions or feedback. all the best!!

  • @IdPreferNot1
    @IdPreferNot1 7 місяців тому +3

    Great to see another quality video from you.

  • @RayGuo-bo6nr
    @RayGuo-bo6nr 7 місяців тому

    Thanks you so much!

    • @alejandro_ao
      @alejandro_ao  7 місяців тому

      you are amazing, thank you so much Ray

  • @kazimali07
    @kazimali07 7 місяців тому

    Thanks!

    • @alejandro_ao
      @alejandro_ao  7 місяців тому

      You bet! thanks so much for the tip!

  • @leonchao7692
    @leonchao7692 7 місяців тому

    This is such a great tutorial journey.

    • @alejandro_ao
      @alejandro_ao  7 місяців тому

      thanks for being part of this journey!

    • @leonchao7692
      @leonchao7692 7 місяців тому

      @@alejandro_ao Quick question, when setting a task with parameter of 'human_input=True', is there a way to enable this human interactive in the web frontend? Thanks in advance.

  • @robboerman9378
    @robboerman9378 7 місяців тому

    Great complete example! Thanks for sharing. Wouldn’t it be even better to have the UI code provide the callback to the call so the crew itself is oblivious of rendering?

  • @mygicarskrsk4465
    @mygicarskrsk4465 7 місяців тому

    been waiting for new vidoes this is lit! 🔥🔥 Thanks for vid.

  • @OzgurOzsen
    @OzgurOzsen 7 місяців тому

    First of all, I really congrats you bro, your ideas are very useful thanks again. However, I am very curious about your opinion on the following as a custom agent tool structure: “For example, how can you plan a code evaluation agent structure?” For example, .java code will be entered as input, the execution of the code will be evaluated with a certain weight, the proper writing of the code will be added as an evaluation parameter, and the use of commands will also be added as an evaluation parameter, and ultimately a custom agent that returns a score. How do you think we can do it? You usually make web search tool examples, for example, wouldn't this be different? Wouldn't it be great if you prepared such a content video? I'm curious about your ideas on this subject!
    For example, the first stage can be considered as a simple two-stage evaluation:
    1- The presence or absence of a syntax error in the code (Output: True or False, accordingly 1 point if true and 0 if false)
    2- Is there a Comment in the code or not? (like condition 1, if the output is true, 1 point if not 0)
    How about an agent and a custom tool that will evaluate only according to these two structures?

  • @rthidden
    @rthidden 6 місяців тому

    At 26:42, the st.components.v1.html section was commented out. I may have missed where you went back to fix it. Do you have a time stamp I can look at?

    • @alejandro_ao
      @alejandro_ao  6 місяців тому

      hey there, good point! sorry about that, the component was not working when i was recording so i just left it commented out.
      it was only just a quick preview of the newsletter. however, support for that streamlit component is dropping. i believe that is why it did not work. if you want to show html code you can use `st.html`.

  • @deepankdixit7541
    @deepankdixit7541 7 місяців тому

    Another quality video from you! 🔥 Could you also make a video on RAPTOR as it outperforms RAG on longer documents?

    • @alejandro_ao
      @alejandro_ao  7 місяців тому +1

      hey there! thanks man. i would very much like to do a video about that indeed. thanks for the recommendation! i will include it in a future series, definitely coming up in the next few weeks. thanks!

    • @deepankdixit7541
      @deepankdixit7541 7 місяців тому

      @@alejandro_ao thanks man. I know just like your other content, it will be a real value-add. Looking forward to it.

  • @lavamonkeymc
    @lavamonkeymc 7 місяців тому +1

    This is great! How would u turn this into a backend api? Since this is just a streamlit application, ideally I want my crew AI in a fast api framework that I can use different front ends for. How would I do that?

    • @alejandro_ao
      @alejandro_ao  7 місяців тому +1

      i am working on a video about this! :)

    • @lavamonkeymc
      @lavamonkeymc 7 місяців тому

      @@alejandro_ao GREAT! I’m hype for it. Do you think it’ll release this week?

  • @Praticia62
    @Praticia62 6 місяців тому

    I am waiting for your video that could automate statistical data analysis.

  • @YaxiHan
    @YaxiHan 7 місяців тому

    cool video! Will you plan for a video on deploying LLM applications

    • @alejandro_ao
      @alejandro_ao  7 місяців тому

      hey there, i have a pretty rudimentary tutorial here: ua-cam.com/video/74c3KaAXPvk/v-deo.html
      in it, i show how to deploy a streamlit app like the one you see here

  • @RashidMehdiyev
    @RashidMehdiyev 2 місяці тому

    Hi Alejandro, a great tutorial! Did you try to combine crewai, Exa search engine, as a client, with Azure OpenAI? How I could do that correctly? Thanks!

    • @alejandro_ao
      @alejandro_ao  2 місяці тому

      yes totally! i haven’t used crewai with azure openai so but it should work just as well as with the openai api :)
      it would work very similar to this other video when i use exa and crewai for a research agent crew 💪
      just define your exa tools, and specify the llm client that runs behind leach agent!

    • @RashidMehdiyev
      @RashidMehdiyev 2 місяці тому

      @@alejandro_ao Hi Alejandro, do you have this demo/tutorial version that does not use poetry? I think it is an extra dependence that could be, in principle, avoided. Thanks!

  • @adelinadonisa
    @adelinadonisa 7 місяців тому

    Thank you for this video 🙏😊!

    • @alejandro_ao
      @alejandro_ao  7 місяців тому +1

      Hey Adelina! It's my pleasure 😊

  • @RicardoRocha00
    @RicardoRocha00 2 місяці тому

    i think i followed your steps but and the chat on the GUI is not appearing in my case.it seems the step_callback is not being executed. Any ideas?

    • @alejandro_ao
      @alejandro_ao  2 місяці тому

      hey there did you solve this?

    • @RicardoRocha00
      @RicardoRocha00 2 місяці тому

      @@alejandro_ao no. It seems there were changes with the call back functionality. It's very frustrating!

    • @alejandro_ao
      @alejandro_ao  2 місяці тому

      @@RicardoRocha00 oh right! yeah crewai has evolved a lot since this video. i really need to make an updated one. thanks for bringing my attention to this! you can expect that very soon!

  • @rodrigonascimento3836
    @rodrigonascimento3836 7 місяців тому

    Hey Alejandro. Sorry if this a simple question. I'm a initiating at all of this.
    Did you shared the crew.py file? Didn't find at you GH.

    • @alejandro_ao
      @alejandro_ao  7 місяців тому +1

      hey rodrigo! i’m going to be publishing the other part of this tutorial later this week (which contains how to create that crew.py file). i’m working on finishing off that part with the people from Exa to make it as faithful as possible to their service. i can ping you once that part is up!

    • @rodrigonascimento3836
      @rodrigonascimento3836 7 місяців тому

      @@alejandro_ao awesome! Thanks. Your content is Amazing and it’s helping a lot here

  • @RicardoRocha00
    @RicardoRocha00 3 місяці тому

    very good

  • @johnpaul302
    @johnpaul302 4 місяці тому

    it is possible without api key or another approach??

    • @alejandro_ao
      @alejandro_ao  4 місяці тому

      you will need a LLM to do this. and for that, you most likely need an API key of your LLM provide, unless you are running this locally. however, if your concern is the price, you can use GroqCloud as your LLM provider. They offer a free tier that should be more tangible enough for educational purposes. Switching to this one instead of OpenaAI’s models should involve changing a couple of lines in your code: python.langchain.com/v0.2/docs/integrations/providers/groq/

  • @akj3344
    @akj3344 7 місяців тому

    This camera angle works better for you.

  • @sr.modanez
    @sr.modanez 7 місяців тому +1

    top top top

  • @Matepediaoficial
    @Matepediaoficial 7 місяців тому

    Great!!!!

  • @successahead5598
    @successahead5598 7 місяців тому

    will we get the code next week?

    • @alejandro_ao
      @alejandro_ao  7 місяців тому +1

      oh my bad!!
      i will update this with the full GH repo once I finish next video (i am working on it with the people from Exa). For now, here is the code that we covered in this video 👇
      - Front-end of the app: gist.github.com/alejandro-ao/9f917ed27a55aad5aef277fb51993449
      - Step-callback function: gist.github.com/alejandro-ao/6b5cd6166f6d9219c26222809bcd8392

  • @RayGuo-bo6nr
    @RayGuo-bo6nr 7 місяців тому

    Thank you so much!