{"id":28446546,"url":"https://github.com/chakra-ui/panda-mastery-lessons","last_synced_at":"2026-04-29T16:34:35.985Z","repository":{"id":254303716,"uuid":"832196420","full_name":"chakra-ui/panda-mastery-lessons","owner":"chakra-ui","description":"Panda Mastery Course Content (as Code)","archived":false,"fork":false,"pushed_at":"2025-09-10T23:38:28.000Z","size":259,"stargazers_count":19,"open_issues_count":2,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-14T15:58:40.702Z","etag":null,"topics":["css","css-in-js","jsx","layout","monorepo","patterns","recipes"],"latest_commit_sha":null,"homepage":"https://www.pandamastery.com/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chakra-ui.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-07-22T14:09:58.000Z","updated_at":"2025-09-07T20:45:30.000Z","dependencies_parsed_at":"2025-06-30T01:33:23.960Z","dependency_job_id":"2cf31f29-496a-490d-b6bd-a390c3584a71","html_url":"https://github.com/chakra-ui/panda-mastery-lessons","commit_stats":null,"previous_names":["chakra-ui/panda-mastery-lessons"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/chakra-ui/panda-mastery-lessons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chakra-ui%2Fpanda-mastery-lessons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chakra-ui%2Fpanda-mastery-lessons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chakra-ui%2Fpanda-mastery-lessons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chakra-ui%2Fpanda-mastery-lessons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chakra-ui","download_url":"https://codeload.github.com/chakra-ui/panda-mastery-lessons/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chakra-ui%2Fpanda-mastery-lessons/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32435108,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T13:34:34.882Z","status":"ssl_error","status_checked_at":"2026-04-29T13:34:29.830Z","response_time":110,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css-in-js","jsx","layout","monorepo","patterns","recipes"],"created_at":"2025-06-06T11:07:25.418Z","updated_at":"2026-04-29T16:34:35.962Z","avatar_url":"https://github.com/chakra-ui.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Panda Mastery Course\n\nWelcome to the Panda Mastery Course! This course consists of 12 modules designed to help developers become expert in using Panda CSS when building modern web applications.\n\nPanda Mastery is a step-by-step guide that will help you master the Panda CSS framework and level up your web development skills. Using a Vite and React project, you'll learn to create stunning and responsive user interfaces with ease.\n\n## Modules\n\n1. Introduction\n2. Styling Foundations\n3. Layout Patterns\n4. Color Mode\n5. Recipes\n6. Slot Recipes\n7. Config Recipes\n8. Design Tokens\n9. Migration\n10. Theming\n11. JSX Style Props\n12. Monorepo\n\n## Getting Started\n\nTo get started with the course, simply clone the repository and run `pnpm install` to install the necessary dependencies. Then, run vite to start the development server and open the project in your web browser.\n\nEach module will include a series of lessons, with a video lecture and a code exercise to help you reinforce your learning. Be sure to complete each exercise before moving on to the next module.\n\n## Branching Out\n\nTo access the code for each lesson, branch out from the main branch to a new branch for the lesson. For example, to access the code for module 2 lesson 2, switch to it using `git checkout 02-lesson2`.\n\n## Completing the Course\n\nOnce you have completed all 12 modules, you will have a solid understanding of Panda CSS and be able to build responsive, maintainable, and scalable web applications.\n\nHave fun building!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchakra-ui%2Fpanda-mastery-lessons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchakra-ui%2Fpanda-mastery-lessons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchakra-ui%2Fpanda-mastery-lessons/lists"}