[{"data":1,"prerenderedAt":258},["ShallowReactive",2],{"navigation":3,"\u002Fworks\u002Fportfolio":46},[4],{"title":5,"path":6,"stem":7,"children":8,"page":45},"Works","\u002Fworks","works",[9,13,17,21,25,29,33,37,41],{"title":10,"path":11,"stem":12},"Currencia","\u002Fworks\u002Fcurrencia","works\u002Fcurrencia",{"title":14,"path":15,"stem":16},"Folio Magazine","\u002Fworks\u002Ffolio-magazine","works\u002Ffolio-magazine",{"title":18,"path":19,"stem":20},"Helpr","\u002Fworks\u002Fhelpr","works\u002Fhelpr",{"title":22,"path":23,"stem":24},"IV Patisserie","\u002Fworks\u002Fiv-patisserie","works\u002Fiv-patisserie",{"title":26,"path":27,"stem":28},"Mockline","\u002Fworks\u002Fmockline","works\u002Fmockline",{"title":30,"path":31,"stem":32},"Portfolio","\u002Fworks\u002Fportfolio","works\u002Fportfolio",{"title":34,"path":35,"stem":36},"Raftou - Mobile Game","\u002Fworks\u002Fraftou","works\u002Fraftou",{"title":38,"path":39,"stem":40},"Raycast x Bambulab","\u002Fworks\u002Fraycast-bambulab","works\u002Fraycast-bambulab",{"title":42,"path":43,"stem":44},"Combat Robot","\u002Fworks\u002Frobot","works\u002Frobot",false,{"id":47,"title":30,"authors":48,"body":55,"contextPreview":238,"date":239,"description":240,"extension":241,"image":242,"meta":243,"minRead":244,"navigation":245,"path":31,"roles":246,"seo":249,"stem":32,"teamName":250,"technologies":251,"url":255,"year":256,"__hash__":257},"works\u002Fworks\u002Fportfolio.md",[49],{"name":50,"to":51,"target":52,"avatar":53},"Johann Cavallucci","https:\u002F\u002Fx.com\u002FJohannCVL","_blank",{"src":54,"alt":50},"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F72015679?v=4",{"type":56,"value":57,"toc":230},"minimark",[58,63,68,85,88,92,162,164,168,184,186,190,203,205],[59,60,62],"h1",{"id":61},"a-creative-portfolio-experience","A Creative Portfolio Experience",[64,65,67],"h2",{"id":66},"overview","Overview",[69,70,71,72,76,77,80,81,84],"p",{},"This is my first portfolio project. I wanted to create something ",[73,74,75],"strong",{},"simple yet effective",", while also making it ",[73,78,79],{},"open source"," so others could get inspired or use it as a base for their own portfolios.",[82,83],"br",{},"\nIt includes all the essential features: a contact form, an “About Me” page, and a projects page.",[86,87],"hr",{},[64,89,91],{"id":90},"️-technologies-used","️ Technologies Used",[93,94,95,108],"table",{},[96,97,98],"thead",{},[99,100,101,105],"tr",{},[102,103,104],"th",{},"Technology",[102,106,107],{},"Role",[109,110,111,122,132,142,152],"tbody",{},[99,112,113,119],{},[114,115,116],"td",{},[73,117,118],{},"Nuxt.js",[114,120,121],{},"Front-end framework for fast and reactive rendering",[99,123,124,129],{},[114,125,126],{},[73,127,128],{},"Tailwind CSS",[114,130,131],{},"Styling and responsive design",[99,133,134,139],{},[114,135,136],{},[73,137,138],{},"Figma",[114,140,141],{},"UI\u002FUX design and mockup creation",[99,143,144,149],{},[114,145,146],{},[73,147,148],{},"Vercel",[114,150,151],{},"Full website hosting and deployment",[99,153,154,159],{},[114,155,156],{},[73,157,158],{},"Resend",[114,160,161],{},"Contact email management",[86,163],{},[64,165,167],{"id":166},"challenges","Challenges",[169,170,171,178],"ul",{},[172,173,174,177],"li",{},[73,175,176],{},"Designing something that reflects who I am"," – I wanted my portfolio to truly feel personal and represent me.",[172,179,180,183],{},[73,181,182],{},"Owning my work"," – At the time I built this portfolio, I only had a few projects. Publishing a portfolio with so little might seem risky or even “ridiculous,” but I realized you have to start somewhere.",[86,185],{},[64,187,189],{"id":188},"conclusion","Conclusion",[69,191,192,193,196,197,199,200,202],{},"This project was an opportunity to build something that ",[73,194,195],{},"represents me as a developer",".",[82,198],{},"\nIt gave me a space to showcase my work, no matter how small, and create a personal “vitrine” I can be proud of.",[82,201],{},"\nThis portfolio is very important to me, and I hope you enjoy discovering it as much as I enjoyed creating it.",[86,204],{},[206,207,213,214,213,226],"a",{"href":208,"target":52,"className":209},"https:\u002F\u002Fgithub.com\u002Fcavalluccijohann\u002Fportfolio-johann",[210,211,212],"flex","items-center","space-x-2","\n  ",[215,216,221,222,213],"svg",{"width":217,"height":217,"viewBox":218,"fill":219,"xmlns":220},"24","0 0 24 24","currentColor","http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg","\n    ",[223,224],"path",{"d":225},"M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2",[227,228,229],"span",{},"Portfolio on GitHub",{"title":231,"searchDepth":232,"depth":232,"links":233},"",2,[234,235,236,237],{"id":66,"depth":232,"text":67},{"id":90,"depth":232,"text":91},{"id":166,"depth":232,"text":167},{"id":188,"depth":232,"text":189},"First open-source portfolio by Johann; a Nuxt\u002FTailwind personal website with about, projects, and contact pages, focused on simple UX, personal branding, and initial professional presence in 2023.","2023-12-20","A simple yet effective personal site developed with Nuxt.js. My first step into professional web presence.","md","\u002Fassets\u002Fworks\u002Fportfolio.png",{},5,true,[247,248],"Full Stack","UI\u002FUX Designer",{"title":30,"description":240},"Author",[252,253,254],"Nuxt","Tailwind","Typescript","https:\u002F\u002Fboilerplatefolio.johanncvl.com\u002F","2023","hIHE_7n1HOVn14cstyAjSIJehYVkLIRn_VowKz9QDw8",1780044785344]