|
609 | 609 | "type": "tools"
|
610 | 610 | }
|
611 | 611 | ],
|
| 612 | + "articles": [ |
| 613 | + { |
| 614 | + "name": "How ChakraUI complements your existing web development skills", |
| 615 | + "description": null, |
| 616 | + "url": "https://dominik.sumer.dev/blog/chakra-complements-webdevs", |
| 617 | + "image": "showcases/articles/How-ChakraUI-complements-your-existing-web-development-skills.png", |
| 618 | + "type": "articles" |
| 619 | + }, |
| 620 | + { |
| 621 | + "name": "Accessibility on-demand with Chakra-ui and focus-visible", |
| 622 | + "description": null, |
| 623 | + "url": "https://medium.com/@keeganfamouss/accessibility-on-demand-with-chakra-ui-and-focus-visible-19413b1bc6f9", |
| 624 | + "image": "showcases/articles/Accessibility-on-demand-with-Chakra-ui-and-focus-visible.png", |
| 625 | + "type": "articles" |
| 626 | + }, |
| 627 | + { |
| 628 | + "name": "Build a Landing Page with Chakra UI", |
| 629 | + "description": null, |
| 630 | + "url": "https://raptis.wtf/blog/build-a-landing-page-with-chakra-ui-part-1/", |
| 631 | + "image": "showcases/articles/Build-a-Landing-Page-with-Chakra-UI.png", |
| 632 | + "type": "articles" |
| 633 | + }, |
| 634 | + { |
| 635 | + "name": "Customisations with Chakra UI", |
| 636 | + "description": null, |
| 637 | + "url": "https://www.easyreact.com/articles/chakra-ui-customisations", |
| 638 | + "image": "showcases/articles/Customisations-with-Chakra-UI.png", |
| 639 | + "type": "articles" |
| 640 | + }, |
| 641 | + { |
| 642 | + "name": "Chakra UI and React-Hook-Form – How to Build Beautiful Forms", |
| 643 | + "description": null, |
| 644 | + "url": "https://www.freecodecamp.org/news/how-to-use-react-hook-form-with-chakra-ui/", |
| 645 | + "image": "showcases/articles/Chakra-UI-and-React-Hook-Form-–-How-to-Build-Beautiful-Forms.png", |
| 646 | + "type": "articles" |
| 647 | + }, |
| 648 | + { |
| 649 | + "name": "Truncating Text using Chakra UI", |
| 650 | + "description": null, |
| 651 | + "url": "https://dev.to/estheragbaje/how-to-truncate-text-using-chakra-ui-4mpj", |
| 652 | + "image": "showcases/articles/Truncating-Text-using-Chakra-UI.png", |
| 653 | + "type": "articles" |
| 654 | + }, |
| 655 | + { |
| 656 | + "name": "How to Set Up Chakra UI with Next JS by creating a Hero component", |
| 657 | + "description": "", |
| 658 | + "url": "https://creativedesignsguru.com/chakra-ui-next-js/", |
| 659 | + "image": "showcases/articles/How-to-Set-Up-Chakra-UI-with-Next-JS-by-creating-a-Hero-component.png", |
| 660 | + "type": "articles" |
| 661 | + }, |
| 662 | + { |
| 663 | + "name": "Choosing the right component library for your design system: MUI vs Chakra", |
| 664 | + "description": "", |
| 665 | + "url": "https://engineering.udacity.com/choosing-the-right-component-library-for-your-design-system-mui-vs-chakra-45c4c949d150", |
| 666 | + "image": "showcases/articles/Choosing-the-right-component-library-for-your-design-system-MUI-vs-Chakra.png", |
| 667 | + "type": "articles" |
| 668 | + }, |
| 669 | + { |
| 670 | + "name": "I have created Web Gallery app using Reactjs , WebRTC and Chakra UI", |
| 671 | + "description": "", |
| 672 | + "url": "https://dev.to/harshmangalam/i-have-created-web-gallery-app-using-reactjs-webrtc-and-chakra-ui-5cfn", |
| 673 | + "image": "showcases/articles/I-have-created-Web-Gallery-app-using-Reactjs-,-WebRTC-and-Chakra-UI.png", |
| 674 | + "type": "articles" |
| 675 | + }, |
| 676 | + { |
| 677 | + "name": "Track user location coordinates realtime using geolocation api, nextjs , nodejs and socket.io", |
| 678 | + "description": "", |
| 679 | + "url": "https://dev.to/harshmangalam/track-user-location-coordinates-realtime-using-geolocation-api-nextjs-nodejs-and-socket-io-2nf3", |
| 680 | + "image": "showcases/articles/Track-user-location-coordinates-realtime-using-geolocation-api,-nextjs-,-nodejs-and-socket.io.png", |
| 681 | + "type": "articles" |
| 682 | + }, |
| 683 | + { |
| 684 | + "name": "Setup Nextjs , Apollo client and Chakra UI for your upcomming projects", |
| 685 | + "description": "", |
| 686 | + "url": "https://dev.to/harshmangalam/setup-nextjs-apollo-client-and-chakra-ui-for-your-upcomming-projects-10ja", |
| 687 | + "image": "showcases/articles/Setup-Nextjs-,-Apollo-client-and-Chakra-UI-for-your-upcomming-projects.png", |
| 688 | + "type": "articles" |
| 689 | + }, |
| 690 | + { |
| 691 | + "name": "Image Uploading using golang and react", |
| 692 | + "description": "", |
| 693 | + "url": "https://dev.to/harshmangalam/image-upload-using-golang-and-react-29n1", |
| 694 | + "image": "showcases/articles/Image-Uploading-using-golang-and-react.png", |
| 695 | + "type": "articles" |
| 696 | + }, |
| 697 | + { |
| 698 | + "name": "How To Build an Advanced Multipart Component with Chakra UI", |
| 699 | + "description": "", |
| 700 | + "url": "https://www.lekoarts.de/react/how-to-build-an-advanced-multipart-component-with-chakra-ui", |
| 701 | + "image": "showcases/articles/How-To-Build-an-Advanced-Multipart-Component-with-Chakra-UI.png", |
| 702 | + "type": "articles" |
| 703 | + } |
| 704 | + ], |
612 | 705 | "videos": [
|
613 | 706 | {
|
614 | 707 | "name": "Getting Started with Chakra UI",
|
|
658 | 751 | "url": "https://youtu.be/Gm7qHn9Y_Ro",
|
659 | 752 | "image": "https://img.youtube.com/vi/Gm7qHn9Y_Ro/maxresdefault.jpg",
|
660 | 753 | "type": "videos"
|
| 754 | + }, |
| 755 | + { |
| 756 | + "name": "Chakra UI for Beginners", |
| 757 | + "description": "", |
| 758 | + "url": "https://www.chakrauiforbeginners.com/", |
| 759 | + "image": "showcases/videos/Chakra-UI-for-Beginners.png", |
| 760 | + "type": "videos" |
661 | 761 | }
|
662 | 762 | ]
|
663 | 763 | }
|
0 commit comments