[{"data":1,"prerenderedAt":334},["ShallowReactive",2],{"mdc-1zxnxk-key":3},{"data":4,"body":5},{},{"type":6,"children":7},"root",[8,19,27,40,44,51,86,89,95,103,146,149,155,163,206,209,215,223,256,259,265,270,303,306,312,324],{"type":9,"tag":10,"props":11,"children":12},"element","p",{},[13],{"type":9,"tag":14,"props":15,"children":18},"img",{"alt":16,"src":17},"AI Portfolio Overview","\u002Fprojects\u002Ffirstportfoliowebsite\u002F1.png",[],{"type":9,"tag":20,"props":21,"children":23},"h2",{"id":22},"overview",[24],{"type":25,"value":26},"text","Overview",{"type":9,"tag":10,"props":28,"children":29},{},[30,32,38],{"type":25,"value":31},"This project was a personal challenge to design, develop, and deploy a complete portfolio website within just ",{"type":9,"tag":33,"props":34,"children":35},"strong",{},[36],{"type":25,"value":37},"one hour",{"type":25,"value":39},"—using the support of AI design and code generation tools. While the content is placeholder (dummy), the site serves as a proof-of-concept for how fast, efficient, and creative modern web workflows can become with the right automation stack.",{"type":9,"tag":41,"props":42,"children":43},"hr",{},[],{"type":9,"tag":45,"props":46,"children":48},"h3",{"id":47},"goals",[49],{"type":25,"value":50},"🎯 Goals",{"type":9,"tag":52,"props":53,"children":54},"ul",{},[55,66,76],{"type":9,"tag":56,"props":57,"children":58},"li",{},[59,64],{"type":9,"tag":33,"props":60,"children":61},{},[62],{"type":25,"value":63},"AI-Driven Development",{"type":25,"value":65},": Showcase capabilities in rapidly building with AI.",{"type":9,"tag":56,"props":67,"children":68},{},[69,74],{"type":9,"tag":33,"props":70,"children":71},{},[72],{"type":25,"value":73},"Functional UI",{"type":25,"value":75},": Build a visually appealing and fully responsive interface.",{"type":9,"tag":56,"props":77,"children":78},{},[79,84],{"type":9,"tag":33,"props":80,"children":81},{},[82],{"type":25,"value":83},"Speed Test",{"type":25,"value":85},": Test the limits of how much high-quality work can be shipped in 60 minutes.",{"type":9,"tag":41,"props":87,"children":88},{},[],{"type":9,"tag":45,"props":90,"children":92},{"id":91},"ai-tools-workflow",[93],{"type":25,"value":94},"🤖 AI Tools & Workflow",{"type":9,"tag":10,"props":96,"children":97},{},[98],{"type":9,"tag":14,"props":99,"children":102},{"alt":100,"src":101},"Workflow","\u002Fprojects\u002Ffirstportfoliowebsite\u002F2.png",[],{"type":9,"tag":52,"props":104,"children":105},{},[106,116,126,136],{"type":9,"tag":56,"props":107,"children":108},{},[109,114],{"type":9,"tag":33,"props":110,"children":111},{},[112],{"type":25,"value":113},"Prompt Engineering",{"type":25,"value":115},": Used structured prompts to guide generative design and content creation.",{"type":9,"tag":56,"props":117,"children":118},{},[119,124],{"type":9,"tag":33,"props":120,"children":121},{},[122],{"type":25,"value":123},"Layout Generation",{"type":25,"value":125},": Leveraged AI to generate grid-based sections, animations, and layout logic using HTML\u002FCSS\u002FJS frameworks.",{"type":9,"tag":56,"props":127,"children":128},{},[129,134],{"type":9,"tag":33,"props":130,"children":131},{},[132],{"type":25,"value":133},"Text Filler Automation",{"type":25,"value":135},": Populated sections like Projects, About, and Blog with intelligent placeholder content.",{"type":9,"tag":56,"props":137,"children":138},{},[139,144],{"type":9,"tag":33,"props":140,"children":141},{},[142],{"type":25,"value":143},"Deployment",{"type":25,"value":145},": Hosted via Vercel with GitHub integration for instant CI\u002FCD.",{"type":9,"tag":41,"props":147,"children":148},{},[],{"type":9,"tag":45,"props":150,"children":152},{"id":151},"️-tech-stack",[153],{"type":25,"value":154},"🏗️ Tech Stack",{"type":9,"tag":10,"props":156,"children":157},{},[158],{"type":9,"tag":14,"props":159,"children":162},{"alt":160,"src":161},"Stack","\u002Fprojects\u002Ffirstportfoliowebsite\u002F3.png",[],{"type":9,"tag":52,"props":164,"children":165},{},[166,176,186,196],{"type":9,"tag":56,"props":167,"children":168},{},[169,174],{"type":9,"tag":33,"props":170,"children":171},{},[172],{"type":25,"value":173},"Frontend",{"type":25,"value":175},": Next.js & React for rapid component-based building.",{"type":9,"tag":56,"props":177,"children":178},{},[179,184],{"type":9,"tag":33,"props":180,"children":181},{},[182],{"type":25,"value":183},"Styling",{"type":25,"value":185},": Tailwind CSS for utility-first, high-speed UI composition.",{"type":9,"tag":56,"props":187,"children":188},{},[189,194],{"type":9,"tag":33,"props":190,"children":191},{},[192],{"type":25,"value":193},"AI Assistants",{"type":25,"value":195},": ChatGPT and AI design tools for layout suggestions and logic scaffolding.",{"type":9,"tag":56,"props":197,"children":198},{},[199,204],{"type":9,"tag":33,"props":200,"children":201},{},[202],{"type":25,"value":203},"Infrastructure",{"type":25,"value":205},": Vercel for instant deployment and preview URLs.",{"type":9,"tag":41,"props":207,"children":208},{},[],{"type":9,"tag":45,"props":210,"children":212},{"id":211},"️-challenges",[213],{"type":25,"value":214},"⚠️ Challenges",{"type":9,"tag":10,"props":216,"children":217},{},[218],{"type":9,"tag":14,"props":219,"children":222},{"alt":220,"src":221},"Results","\u002Fprojects\u002Ffirstportfoliowebsite\u002F4.png",[],{"type":9,"tag":52,"props":224,"children":225},{},[226,236,246],{"type":9,"tag":56,"props":227,"children":228},{},[229,234],{"type":9,"tag":33,"props":230,"children":231},{},[232],{"type":25,"value":233},"Time Constraint",{"type":25,"value":235},": Strictly 1 hour required intense focus and lean decision-making.",{"type":9,"tag":56,"props":237,"children":238},{},[239,244],{"type":9,"tag":33,"props":240,"children":241},{},[242],{"type":25,"value":243},"Precision Under Pressure",{"type":25,"value":245},": Balancing aesthetics and structure in a minimal time window.",{"type":9,"tag":56,"props":247,"children":248},{},[249,254],{"type":9,"tag":33,"props":250,"children":251},{},[252],{"type":25,"value":253},"Prompt Iteration",{"type":25,"value":255},": Real-time fine-tuning was required when initial AI suggestions didn't align with the vision.",{"type":9,"tag":41,"props":257,"children":258},{},[],{"type":9,"tag":45,"props":260,"children":262},{"id":261},"outcome",[263],{"type":25,"value":264},"🏆 Outcome",{"type":9,"tag":10,"props":266,"children":267},{},[268],{"type":25,"value":269},"The result is a sleek, AI-assisted portfolio that showcases what’s possible in minimal time. While the content is temporary, the structure is production-ready and adaptable for future personal branding.",{"type":9,"tag":52,"props":271,"children":272},{},[273,283,293],{"type":9,"tag":56,"props":274,"children":275},{},[276,281],{"type":9,"tag":33,"props":277,"children":278},{},[279],{"type":25,"value":280},"Total Time",{"type":25,"value":282},": 60 minutes",{"type":9,"tag":56,"props":284,"children":285},{},[286,291],{"type":9,"tag":33,"props":287,"children":288},{},[289],{"type":25,"value":290},"Pages Built",{"type":25,"value":292},": 4 (Home, About, Projects, Contact)",{"type":9,"tag":56,"props":294,"children":295},{},[296,301],{"type":9,"tag":33,"props":297,"children":298},{},[299],{"type":25,"value":300},"Design Quality",{"type":25,"value":302},": High marks for responsiveness and color flow.",{"type":9,"tag":41,"props":304,"children":305},{},[],{"type":9,"tag":45,"props":307,"children":309},{"id":308},"what-i-learned",[310],{"type":25,"value":311},"🤝 What I Learned",{"type":9,"tag":10,"props":313,"children":314},{},[315,317,322],{"type":25,"value":316},"AI is a ",{"type":9,"tag":33,"props":318,"children":319},{},[320],{"type":25,"value":321},"force multiplier",{"type":25,"value":323},", not a replacement. It accelerates execution but still requires human taste and curation. Planning is everything when speed is the constraint, and dummy content can still tell a compelling story if structured meaningfully.",{"type":9,"tag":10,"props":325,"children":326},{},[327,332],{"type":9,"tag":33,"props":328,"children":329},{},[330],{"type":25,"value":331},"Skills Used:",{"type":25,"value":333},"\nArtificial Intelligence (AI) · Generative AI Tools · Web Design · Frontend Development · UX\u002FUI Engineering",1781719507037]