Aditya Loshali adityaloshali

Learning AI Agents with Hugging Face:
Notes from a front-end web developer

I am a front-end developer who has been working with HTML/CSS/Javascript (and some PHP) for many years, building production-ready web apps using various frameworks and libraries.

I recently learned Python to start playing with the APIs of LLMs like Google's Gemini and OpenAI's GPT-4o. I have also built a few multi-agent systems using CrewAI, deploying them with a simple API wrapper made with Flask.

This space is a place where I'm taking notes for the Agents Course by Hugging Face. 🤗

The course content is great, and the Python syntax isn't a problem – but the Hugging Face platform is super confusing for a developer like me who is used to Github, Codepen,

Common Options

-#, --progress-bar Make curl display a simple progress bar instead of the more informational standard meter.

-b, --cookie <name=data> Supply cookie with request. If no =, then specifies the cookie file to use (see -c).

-c, --cookie-jar <file name> File to save response cookies to.

	{
	"public_identifier": "adityaloshali",
	"profile_pic_url": "https://media.licdn.com/dms/image/v2/C5103AQGAf3xEHKx6ig/profile-displayphoto-shrink_800_800/profile-displayphoto-shrink_800_800/0/1579283888145?e=1741824000&v=beta&t=u6bTFALN3t_bpWVCYOuXJ55rjONirfZS1djhXL9x4V8",
	"background_cover_image_url": "https://media.licdn.com/dms/image/v2/D5616AQEJeGJgPFip0Q/profile-displaybackgroundimage-shrink_350_1400/profile-displaybackgroundimage-shrink_350_1400/0/1730194832814?e=1741824000&v=beta&t=Tdx79Vk2ea-lFWCRJLphO2Wn6qFSoVLEmsET_ynY9eU",
	"first_name": "Aditya",
	"last_name": "Loshali",
	"full_name": "Aditya Loshali",
	"follower_count": 1428,
	"occupation": "Software Engineer at Clearer.io",
	"headline": "Software Developer",

	import * as React from "react";
	import { render } from "react-dom";
	import produce from "immer";
	import { set, has } from "lodash";

	import "./styles.css";

	function enhancedReducer(state, updateArg) {
	// check if the type of update argument is a callback function
	if (updateArg.constructor === Function) {

	import React, { Component } from 'react'
	import { SyncLoader } from 'react-spinners'

	const lazyComponent = (importComponent) => class extends Component {
	constructor(props) {
	super(props)

	this.state = {
	component: null
	}

	{
	"presets": ["stage-1", "react", "es2015"],
	"plugins": [
	"syntax-dynamic-import",
	"babel-plugin-transform-decorators-legacy",
	"transform-object-rest-spread"
	]
	}

Aditya Loshali adityaloshali

Learning AI Agents with Hugging Face: Notes from a front-end web developer

Common Options

Learning AI Agents with Hugging Face:
Notes from a front-end web developer