{"id":11022,"date":"2024-06-27T09:38:05","date_gmt":"2024-06-27T02:38:05","guid":{"rendered":"https:\/\/ismtech.test.knmasters.com\/?p=11022"},"modified":"2024-06-27T15:29:40","modified_gmt":"2024-06-27T08:29:40","slug":"5-web-development-projects-to-boost-your-portfolio","status":"publish","type":"post","link":"https:\/\/staging.ismtech.net\/th\/it-topics-trends-th\/5-web-development-projects-to-boost-your-portfolio\/","title":{"rendered":"5 Web Development Projects \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49 Portfolio \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19"},"content":{"rendered":"\n<figure class=\"wp-block-image aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/ismtech.test.knmasters.com\/wp-content\/uploads\/2024\/06\/2024.06.27-5-Web-Development-Projects-To-Boost-Your-Portfolio-1024x536.jpg\" alt=\"5 Web Development Projects To Boost Your Portfolio\" class=\"wp-image-11024\" srcset=\"https:\/\/staging.ismtech.net\/wp-content\/uploads\/2024\/06\/2024.06.27-5-Web-Development-Projects-To-Boost-Your-Portfolio-1024x536.jpg 1024w, https:\/\/staging.ismtech.net\/wp-content\/uploads\/2024\/06\/2024.06.27-5-Web-Development-Projects-To-Boost-Your-Portfolio-300x157.jpg 300w, https:\/\/staging.ismtech.net\/wp-content\/uploads\/2024\/06\/2024.06.27-5-Web-Development-Projects-To-Boost-Your-Portfolio.jpg 1200w, https:\/\/staging.ismtech.net\/wp-content\/uploads\/2024\/06\/2024.06.27-5-Web-Development-Projects-To-Boost-Your-Portfolio-768x402.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<p>\u0e43\u0e19\u0e15\u0e25\u0e32\u0e14\u0e07\u0e32\u0e19\u0e44\u0e2d\u0e17\u0e35\u0e17\u0e35\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e2a\u0e39\u0e07\u0e43\u0e19\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19 Portfolio \u0e17\u0e35\u0e48\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19\u0e16\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Web Developers \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e47\u0e19\u0e16\u0e36\u0e07\u0e17\u0e31\u0e01\u0e29\u0e30 \u0e04\u0e27\u0e32\u0e21\u0e2b\u0e25\u0e07\u0e43\u0e2b\u0e25 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32 \u0e1c\u0e25\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e23\u0e2d\u0e1a\u0e23\u0e39\u0e49\u0e1e\u0e23\u0e49\u0e2d\u0e21 Project \u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e43\u0e2a\u0e48\u0e43\u0e08\u0e43\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a Portfolio \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49 \u0e02\u0e2d\u0e41\u0e19\u0e30\u0e19\u0e33 <strong>5 Web Development Projects<\/strong> <strong>\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49 <\/strong><strong>Portfolio<\/strong><strong> \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19 <\/strong>\u0e21\u0e32\u0e14\u0e39\u0e01\u0e31\u0e19\u0e40\u0e25\u0e22!<\/p>\n<h2><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">1. Liveblocks<\/strong><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2024\/5WebDevelopmentProjectsBoostPortfolio\/Liveblocks.jpg\" alt=\"Liveblocks\" width=\"468\" height=\"351\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 468px; --smush-placeholder-aspect-ratio: 468\/351;\"><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/liveblocks.io\/\" target=\"_blank\" rel=\"noopener\">liveblocks.io<\/a><\/p>\n<p>Liveblocks \u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e42\u0e14\u0e22\u0e21\u0e38\u0e48\u0e07\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19 \u0e1c\u0e48\u0e32\u0e19\u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\u0e2b\u0e25\u0e31\u0e01 4 \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e23 \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 Products, Rooms, Integrations \u0e41\u0e25\u0e30 Platform \u0e0b\u0e36\u0e48\u0e07 <strong>P<\/strong><strong>roducts<\/strong> \u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22 Presence, Broadcast, Document \u0e41\u0e25\u0e30 Comments \u0e0b\u0e36\u0e48\u0e07\u0e41\u0e15\u0e48\u0e25\u0e30\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e34\u0e14\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e43\u0e19\u0e41\u0e07\u0e48\u0e21\u0e38\u0e21\u0e17\u0e35\u0e48\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e01\u0e31\u0e19 <strong>Rooms<\/strong> \u0e04\u0e37\u0e2d \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\u0e17\u0e35\u0e48 Authenticated Users \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e42\u0e15\u0e49\u0e15\u0e2d\u0e1a\u0e44\u0e14\u0e49 \u0e42\u0e14\u0e22\u0e08\u0e30\u0e21\u0e35\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e41\u0e25\u0e30 Metadata \u0e40\u0e09\u0e1e\u0e32\u0e30<\/p>\n<p><strong>Integrations<\/strong> \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e17\u0e35\u0e48\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e42\u0e14\u0e22 Liveblocks \u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e41\u0e2d\u0e1b\u0e1e\u0e25\u0e34\u0e40\u0e04\u0e0a\u0e31\u0e19\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e32\u0e1a\u0e23\u0e37\u0e48\u0e19 \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e23\u0e13\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22 \u0e40\u0e0a\u0e48\u0e19 Text Editors \u0e41\u0e25\u0e30 Creative Tools \u0e42\u0e14\u0e22\u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e14\u0e31\u0e07\u0e01\u0e25\u0e48\u0e32\u0e27\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e1a\u0e19\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 WebSocket Edge \u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e44\u0e14\u0e49 \u0e42\u0e14\u0e22\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e40\u0e0a\u0e48\u0e19 REST API, Webhooks \u0e41\u0e25\u0e30 Analytics \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e16\u0e36\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Users \u0e2b\u0e25\u0e32\u0e22\u0e25\u0e49\u0e32\u0e19\u0e04\u0e19<\/p>\n<p><a href=\"https:\/\/github.com\/liveblocks\/liveblocks\" target=\"_blank\" rel=\"noopener\"><strong>Github Link<\/strong><\/a><\/p>\n<h2><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">2. Precedent<\/strong><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2024\/5WebDevelopmentProjectsBoostPortfolio\/Precedent.jpg\" alt=\"Precedent\" width=\"468\" height=\"351\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 468px; --smush-placeholder-aspect-ratio: 468\/351;\"><\/p>\n<p>Precedent \u0e04\u0e37\u0e2d\u0e0a\u0e38\u0e14\u0e02\u0e2d\u0e07 Components, Hooks \u0e41\u0e25\u0e30 Utilities \u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Next.js Projects \u0e0b\u0e36\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e21\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e \u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19\u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e21\u0e35 Components \u0e17\u0e35\u0e48\u0e19\u0e33\u0e21\u0e32\u0e43\u0e0a\u0e49\u0e0b\u0e49\u0e33\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21 \u0e0b\u0e36\u0e48\u0e07\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e42\u0e14\u0e22 Tailwind CSS, Radix UI \u0e41\u0e25\u0e30 Framer Motion \u0e17\u0e33\u0e43\u0e2b\u0e49 Precedent \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07 \u0e14\u0e49\u0e27\u0e22 Built-in Authentication \u0e41\u0e25\u0e30 Database Support \u0e1c\u0e48\u0e32\u0e19 Auth.js \u0e41\u0e25\u0e30 Prisma \u0e19\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e19\u0e35\u0e49\u0e22\u0e31\u0e07\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e43\u0e0a\u0e49\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e04\u0e25\u0e34\u0e01\u0e40\u0e14\u0e35\u0e22\u0e27\u0e1c\u0e48\u0e32\u0e19 Vercel \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e0a\u0e38\u0e14\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07 Web Applications \u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e44\u0e14\u0e49<\/p>\n<p><a href=\"https:\/\/github.com\/steven-tey\/precedent\" target=\"_blank\" rel=\"noopener\"><strong>Github Link<\/strong><\/a><\/p>\n<h2><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">3. Cargo<\/strong><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2024\/5WebDevelopmentProjectsBoostPortfolio\/Cargo.jpg\" alt=\"Cargo\" width=\"468\" height=\"351\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 468px; --smush-placeholder-aspect-ratio: 468\/351;\"><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.getcargo.io\/\" target=\"_blank\" rel=\"noopener\">getcargo.io<\/a><\/p>\n<p>Cargo \u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e23\u0e49\u0e32\u0e07 AI Workflows \u0e41\u0e25\u0e30 Integrate Components \u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e40\u0e0a\u0e48\u0e19 Data Sources, Storage, Model Training \u0e41\u0e25\u0e30 Deployment \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e02\u0e2d\u0e07\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49 \u0e42\u0e14\u0e22\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d Seamless Environment \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Developing \u0e41\u0e25\u0e30 Deploying AI Solutions \u0e17\u0e35\u0e48\u0e1b\u0e23\u0e31\u0e1a\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49 users \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e08\u0e32\u0e01\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<\/p>\n<p><a href=\"https:\/\/www.getcargo.io\/\" target=\"_blank\" rel=\"noopener\"><strong>Website Link<\/strong><\/a><\/p>\n<h2><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">4. OpenAI GPT-4 Vision API Image Analyzer<\/strong><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2024\/5WebDevelopmentProjectsBoostPortfolio\/OpenAIGPT-4VisionAPIImageAnalyzer.jpg\" alt=\"OpenAI GPT-4 Vision API Image Analyzer\" width=\"468\" height=\"351\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 468px; --smush-placeholder-aspect-ratio: 468\/351;\"><\/p>\n<p>\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e20\u0e32\u0e1e\u0e41\u0e1a\u0e1a\u0e44\u0e23\u0e49\u0e23\u0e2d\u0e22\u0e15\u0e48\u0e2d\u0e14\u0e49\u0e27\u0e22 OpenAI GPT-4 Vision API Image Analyzer \u0e42\u0e14\u0e22 Web App \u0e17\u0e35\u0e48\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22\u0e19\u0e35\u0e49 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e14\u0e49\u0e27\u0e22 React\/Next.js \u0e0b\u0e36\u0e48\u0e07\u0e43\u0e0a\u0e49\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e08\u0e32\u0e01\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07\u0e02\u0e2d\u0e07 GPT-4 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e04\u0e33\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e42\u0e14\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 Users \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e25\u0e32\u0e01\u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e2d\u0e31\u0e1b\u0e42\u0e2b\u0e25\u0e14\u0e20\u0e32\u0e1e \u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e1a\u0e1a\u0e40\u0e23\u0e35\u0e22\u0e25\u0e44\u0e17\u0e21\u0e4c \u0e41\u0e25\u0e30\u0e23\u0e31\u0e1a\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01\u0e1c\u0e48\u0e32\u0e19 Interface \u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e2d\u0e1a\u0e2a\u0e19\u0e2d\u0e07\u0e44\u0e14\u0e49\u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22<\/p>\n<p><a href=\"https:\/\/github.com\/admineral\/GPT4-Vision-React-Starter\" target=\"_blank\" rel=\"noopener\"><strong>Github Link<\/strong><\/a><\/p>\n<h2><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">5. Holographic Material<\/strong><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2024\/5WebDevelopmentProjectsBoostPortfolio\/Holographic%20Material.jpg\" alt=\"Holographic Material\" width=\"468\" height=\"351\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 468px; --smush-placeholder-aspect-ratio: 468\/351;\"><\/p>\n<p>\u0e14\u0e37\u0e48\u0e21\u0e14\u0e48\u0e33\u0e44\u0e1b\u0e01\u0e31\u0e1a\u0e42\u0e25\u0e01\u0e41\u0e2b\u0e48\u0e07\u0e42\u0e2e\u0e42\u0e25\u0e41\u0e01\u0e23\u0e21\u0e2d\u0e31\u0e19\u0e19\u0e48\u0e32\u0e2b\u0e25\u0e07\u0e43\u0e2b\u0e25\u0e14\u0e49\u0e27\u0e22 Holographic Material \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a React Three Fiber \u0e0b\u0e36\u0e48\u0e07 React Component \u0e41\u0e1a\u0e1a Dynamic \u0e19\u0e35\u0e49\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e21\u0e37\u0e2d\u0e19\u0e08\u0e23\u0e34\u0e07\u0e14\u0e49\u0e27\u0e22\u0e2a\u0e35\u0e2a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e14\u0e43\u0e2a \u0e20\u0e32\u0e1e\u0e2a\u0e41\u0e01\u0e19\u0e41\u0e1a\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e2b\u0e27 \u0e41\u0e25\u0e30\u0e2a\u0e38\u0e19\u0e17\u0e23\u0e35\u0e22\u0e20\u0e32\u0e1e\u0e41\u0e2b\u0e48\u0e07\u0e2d\u0e19\u0e32\u0e04\u0e15 \u0e41\u0e21\u0e49\u0e27\u0e48\u0e32\u0e08\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e43\u0e08\u0e14\u0e49\u0e27\u0e22\u0e15\u0e31\u0e27\u0e21\u0e31\u0e19\u0e40\u0e2d\u0e07\u0e41\u0e25\u0e49\u0e27\u0e01\u0e47\u0e15\u0e32\u0e21 \u0e41\u0e15\u0e48\u0e01\u0e47\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e01\u0e31\u0e1a Bloom Effects \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e2a\u0e07\u0e17\u0e35\u0e48\u0e19\u0e48\u0e32\u0e2b\u0e25\u0e07\u0e43\u0e2b\u0e25 \u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2d\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e20\u0e32\u0e1e\u0e09\u0e32\u0e01 3 \u0e21\u0e34\u0e15\u0e34\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/p>\n<p><a href=\"https:\/\/github.com\/ektogamat\/threejs-holographic-material\" target=\"_blank\" rel=\"noopener\"><strong>Github Link<\/strong><\/a><\/p>\n<p>\u0e41\u0e25\u0e30\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e19\u0e35\u0e49\u0e01\u0e47\u0e04\u0e37\u0e2d <strong>5 Web Development Projects<\/strong> <strong>\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49 <\/strong><strong>Portfolio<\/strong><strong> \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19<\/strong><\/p>\n<p>\u0e40\u0e21\u0e37\u0e48\u0e2d&nbsp;<a href=\"https:\/\/www.ismtech.net\/th\/find-jobs\/\" target=\"_blank\" rel=\"noopener\">\u0e2b\u0e32\u0e07\u0e32\u0e19 IT<\/a>&nbsp;\u0e43\u0e2b\u0e49 ISM Technology Recruitment \u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e35\u0e01\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e15\u0e31\u0e27\u0e0a\u0e48\u0e27\u0e22 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49 \u201c\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e43\u0e19\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u201d \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e2a\u0e48\u0e07 Resume \u0e21\u0e32<a href=\"https:\/\/www.ismtech.net\/submit-your-resume\" target=\"_blank\" rel=\"noopener\">\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48<\/a><\/p>\n<p>ISM \u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e43\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 IT Recruitment &amp; IT Outsourcing \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30 \u0e44\u0e14\u0e49\u0e40\u0e1b\u0e34\u0e14\u0e17\u0e33\u0e01\u0e32\u0e23\u0e21\u0e32\u0e41\u0e25\u0e49\u0e27\u0e01\u0e27\u0e48\u0e32 30 \u0e1b\u0e35 \u0e21\u0e35\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e17\u0e38\u0e01\u0e2a\u0e32\u0e22\u0e41\u0e25\u0e30\u0e17\u0e38\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19 IT \u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e48\u0e27\u0e21\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e43\u0e2b\u0e0d\u0e48\u0e17\u0e35\u0e48\u0e21\u0e35\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e02\u0e49\u0e32\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e21\u0e32\u0e01\u0e21\u0e32\u0e22<\/p>\n<p><strong><em>Source:<\/em><\/strong> <a href=\"https:\/\/medium.com\/@hii_mohit\/5-web-development-projects-to-boost-your-portfolio-911385302514\" target=\"_blank\" rel=\"noopener\"><em>https:\/\/medium.com\/@hii_mohit\/<\/em><\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>\u0e15\u0e25\u0e32\u0e14\u0e07\u0e32\u0e19\u0e44\u0e2d\u0e17\u0e35\u0e17\u0e35\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e2a\u0e39\u0e07 Project \u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22 \u0e0a\u0e48\u0e27\u0e22\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a Portfolio \u0e02\u0e2d\u0e41\u0e19\u0e30\u0e19\u0e33 5 Web Development Projects \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49 Portfolio \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[89],"tags":[],"class_list":["post-11022","post","type-post","status-publish","format-standard","hentry","category-it-topics-trends-th"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/posts\/11022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/comments?post=11022"}],"version-history":[{"count":0,"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/posts\/11022\/revisions"}],"wp:attachment":[{"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/media?parent=11022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/categories?post=11022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/tags?post=11022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}