[{"data":1,"prerenderedAt":1181},["Reactive",2],{"prerender-projects":3,"projects":22,"about-me-text":1167},[4,6,8,10,12,14,16,18,20],{"_path":5},"/project/chatapp",{"_path":7},"/project/enlighty-ai",{"_path":9},"/project/enlighty-webapp",{"_path":11},"/project/majara",{"_path":13},"/project/nuxt-shadcn-boilerplate",{"_path":15},"/project/portfolio",{"_path":17},"/project/shadcn-table",{"_path":19},"/project/shamsi-(jalali)-calendar",{"_path":21},"/project/t-learning",[23,177,299,412,522,633,746,899,1010],{"_path":13,"_dir":24,"_draft":25,"_partial":25,"_locale":26,"_empty":25,"title":27,"description":28,"source":29,"live":30,"tags":31,"image":36,"previewImage":36,"createdAt":37,"body":38,"_type":172,"_id":173,"_source":174,"_file":175,"_extension":176},"project",false,"","Nuxt Shadcn Boilerplate","Nuxt 3 Shadcn boilerplate using UI-Thing + Inspire UI + Dark Mode + Theme Costomizer + i18n + State Manage(Pinia) + Tailwind + Icon Collections(Lucide &...) + Zod. ","https://github.com/MohsenDastaran/Vue-Shadcn-Boilerplate","https://vue-shadcn-boilerplate.netlify.app/",[32,33,34,35],"Vue.js","Nuxt.js","Shadcn","Tailwind","/shadcn.webp","2024-05-30T00:00:00+03:00",{"type":39,"children":40,"toc":169},"root",[41,72],{"type":42,"tag":43,"props":44,"children":45},"element","project-header",{},[46,57],{"type":42,"tag":47,"props":48,"children":49},"project-title",{},[50],{"type":42,"tag":51,"props":52,"children":53},"p",{},[54],{"type":55,"value":56},"text","Nuxt 3 Shadcn boilerplate",{"type":42,"tag":58,"props":59,"children":60},"template",{"v-slot:live":26},[61],{"type":42,"tag":51,"props":62,"children":63},{},[64],{"type":42,"tag":65,"props":66,"children":69},"a",{"href":30,"rel":67},[68],"nofollow",[70],{"type":55,"value":71},"see live",{"type":42,"tag":73,"props":74,"children":75},"project-main",{},[76,89,162],{"type":42,"tag":77,"props":78,"children":80},"project-section",{"type":79},"fwidth",[81],{"type":42,"tag":82,"props":83,"children":88},"project-image",{":preload":84,":src":85,"alt":86,"preload":87,"type":79},"true","image","My Portfolio Website Logo",true,[],{"type":42,"tag":77,"props":90,"children":91},{"type":55},[92,97,141,153,157],{"type":42,"tag":51,"props":93,"children":94},{},[95],{"type":55,"value":96},"Nuxt 3 Shadcn boilerplate using UI-Thing + Inspire UI + Dark Mode + Theme Costomizer + i18n + State Manage(Pinia) + Tailwind + Icon Collections(Lucide &...) + Zod.",{"type":42,"tag":98,"props":99,"children":100},"ul",{},[101,111,121,131],{"type":42,"tag":102,"props":103,"children":104},"li",{},[105],{"type":42,"tag":65,"props":106,"children":108},{"href":29,"rel":107},[68],[109],{"type":55,"value":110},"github",{"type":42,"tag":102,"props":112,"children":113},{},[114],{"type":42,"tag":65,"props":115,"children":118},{"href":116,"rel":117},"https://x.com/Mohsen_Dastaran",[68],[119],{"type":55,"value":120},"twitter",{"type":42,"tag":102,"props":122,"children":123},{},[124],{"type":42,"tag":65,"props":125,"children":128},{"href":126,"rel":127},"https://t.me/MohsenDastaran",[68],[129],{"type":55,"value":130},"telegram",{"type":42,"tag":102,"props":132,"children":133},{},[134],{"type":42,"tag":65,"props":135,"children":138},{"href":136,"rel":137},"https://www.linkedin.com/in/MohsenDastaran",[68],[139],{"type":55,"value":140},"linkedin",{"type":42,"tag":98,"props":142,"children":143},{},[144],{"type":42,"tag":102,"props":145,"children":146},{},[147],{"type":42,"tag":65,"props":148,"children":150},{"href":149},"mailto:mohsen.dastaran@gmail.com",[151],{"type":55,"value":152},"email",{"type":42,"tag":154,"props":155,"children":156},"br",{},[],{"type":42,"tag":51,"props":158,"children":159},{},[160],{"type":55,"value":161},"Would love to hear from you 😉",{"type":42,"tag":77,"props":163,"children":165},{"type":164},"project-next",[166],{"type":42,"tag":164,"props":167,"children":168},{},[],{"title":26,"searchDepth":170,"depth":170,"links":171},2,[],"markdown","content:project:Nuxt Shadcn boilerplate.md","content","project/Nuxt Shadcn boilerplate.md","md",{"_path":7,"_dir":24,"_draft":25,"_partial":25,"_locale":26,"_empty":25,"title":178,"description":179,"live":180,"tags":181,"image":183,"previewImage":183,"createdAt":184,"body":185,"_type":172,"_id":297,"_source":174,"_file":298,"_extension":176},"Enlighty Ai","Enlighty.ai is an AI-powered market intelligence platform that transforms digital data into precise, actionable consumer insights.","https://enlighty.ai",[32,182,34,35],"Nuxt.js v4","/enlighty.jpeg","2024-04-31T00:00:00+03:00",{"type":39,"children":186,"toc":295},[187,209],{"type":42,"tag":43,"props":188,"children":189},{},[190,198],{"type":42,"tag":47,"props":191,"children":192},{},[193],{"type":42,"tag":51,"props":194,"children":195},{},[196],{"type":55,"value":197},"Enlighty Web App",{"type":42,"tag":58,"props":199,"children":200},{"v-slot:live":26},[201],{"type":42,"tag":51,"props":202,"children":203},{},[204],{"type":42,"tag":65,"props":205,"children":207},{"href":180,"rel":206},[68],[208],{"type":55,"value":71},{"type":42,"tag":73,"props":210,"children":211},{},[212,218,289],{"type":42,"tag":77,"props":213,"children":214},{"type":79},[215],{"type":42,"tag":82,"props":216,"children":217},{":preload":84,":src":85,"alt":86,"preload":87,"type":79},[],{"type":42,"tag":77,"props":219,"children":220},{"type":55},[221,226,231,236,272,282,285],{"type":42,"tag":51,"props":222,"children":223},{},[224],{"type":55,"value":225},"Enlighty.ai is an AI-powered market intelligence platform that transforms digital data into precise, actionable consumer insights.\nBy leveraging advanced machine learning techniques, our platform deciphers complex consumer metrics, such as consumer journey, brand reputation, brand health, consumer emotions across 17 categories, continuously tracks brand equity, and delivers in-depth audience segmentation based on demographics, lifestyle, and geography. Enlighty.ai empowers businesses to understand consumer behavior throughout the consumer journey, identify key motivations and barriers, and optimize their marketing strategies with data-driven precision.",{"type":42,"tag":51,"props":227,"children":228},{},[229],{"type":55,"value":230},"Our innovative approach enables brands to map the full consumer journey, benchmark their performance against competitors, and uncover hidden opportunities for growth. Designed for forward-thinking organizations, Enlighty.ai provides unparalleled insights that drive engagement, enhance conversion rates, and create long-term brand loyalty in an increasingly competitive landscape.",{"type":42,"tag":51,"props":232,"children":233},{},[234],{"type":55,"value":235},"At Enlighty, our mission is to empower brands with the intelligence they need to stay ahead in an evolving market. By making unstructured digital data representative, informative, and strategically valuable, we enable businesses to anticipate market shifts, refine their positioning, and build stronger consumer relationships.",{"type":42,"tag":98,"props":237,"children":238},{},[239,248,256,264],{"type":42,"tag":102,"props":240,"children":241},{},[242],{"type":42,"tag":65,"props":243,"children":246},{"href":244,"rel":245},"https://github.com/MohsenDastaran",[68],[247],{"type":55,"value":110},{"type":42,"tag":102,"props":249,"children":250},{},[251],{"type":42,"tag":65,"props":252,"children":254},{"href":116,"rel":253},[68],[255],{"type":55,"value":120},{"type":42,"tag":102,"props":257,"children":258},{},[259],{"type":42,"tag":65,"props":260,"children":262},{"href":126,"rel":261},[68],[263],{"type":55,"value":130},{"type":42,"tag":102,"props":265,"children":266},{},[267],{"type":42,"tag":65,"props":268,"children":270},{"href":136,"rel":269},[68],[271],{"type":55,"value":140},{"type":42,"tag":98,"props":273,"children":274},{},[275],{"type":42,"tag":102,"props":276,"children":277},{},[278],{"type":42,"tag":65,"props":279,"children":280},{"href":149},[281],{"type":55,"value":152},{"type":42,"tag":154,"props":283,"children":284},{},[],{"type":42,"tag":51,"props":286,"children":287},{},[288],{"type":55,"value":161},{"type":42,"tag":77,"props":290,"children":291},{"type":164},[292],{"type":42,"tag":164,"props":293,"children":294},{},[],{"title":26,"searchDepth":170,"depth":170,"links":296},[],"content:project:Enlighty Ai.md","project/Enlighty Ai.md",{"_path":9,"_dir":24,"_draft":25,"_partial":25,"_locale":26,"_empty":25,"title":300,"description":179,"live":301,"tags":302,"image":183,"previewImage":183,"createdAt":184,"body":303,"_type":172,"_id":410,"_source":174,"_file":411,"_extension":176},"Enlighty WebApp","https://dash.enlighty.ai",[32,33,34,35],{"type":39,"children":304,"toc":408},[305,326],{"type":42,"tag":43,"props":306,"children":307},{},[308,315],{"type":42,"tag":47,"props":309,"children":310},{},[311],{"type":42,"tag":51,"props":312,"children":313},{},[314],{"type":55,"value":197},{"type":42,"tag":58,"props":316,"children":317},{"v-slot:live":26},[318],{"type":42,"tag":51,"props":319,"children":320},{},[321],{"type":42,"tag":65,"props":322,"children":324},{"href":301,"rel":323},[68],[325],{"type":55,"value":71},{"type":42,"tag":73,"props":327,"children":328},{},[329,335,402],{"type":42,"tag":77,"props":330,"children":331},{"type":79},[332],{"type":42,"tag":82,"props":333,"children":334},{":preload":84,":src":85,"alt":86,"preload":87,"type":79},[],{"type":42,"tag":77,"props":336,"children":337},{"type":55},[338,342,346,350,385,395,398],{"type":42,"tag":51,"props":339,"children":340},{},[341],{"type":55,"value":225},{"type":42,"tag":51,"props":343,"children":344},{},[345],{"type":55,"value":230},{"type":42,"tag":51,"props":347,"children":348},{},[349],{"type":55,"value":235},{"type":42,"tag":98,"props":351,"children":352},{},[353,361,369,377],{"type":42,"tag":102,"props":354,"children":355},{},[356],{"type":42,"tag":65,"props":357,"children":359},{"href":244,"rel":358},[68],[360],{"type":55,"value":110},{"type":42,"tag":102,"props":362,"children":363},{},[364],{"type":42,"tag":65,"props":365,"children":367},{"href":116,"rel":366},[68],[368],{"type":55,"value":120},{"type":42,"tag":102,"props":370,"children":371},{},[372],{"type":42,"tag":65,"props":373,"children":375},{"href":126,"rel":374},[68],[376],{"type":55,"value":130},{"type":42,"tag":102,"props":378,"children":379},{},[380],{"type":42,"tag":65,"props":381,"children":383},{"href":136,"rel":382},[68],[384],{"type":55,"value":140},{"type":42,"tag":98,"props":386,"children":387},{},[388],{"type":42,"tag":102,"props":389,"children":390},{},[391],{"type":42,"tag":65,"props":392,"children":393},{"href":149},[394],{"type":55,"value":152},{"type":42,"tag":154,"props":396,"children":397},{},[],{"type":42,"tag":51,"props":399,"children":400},{},[401],{"type":55,"value":161},{"type":42,"tag":77,"props":403,"children":404},{"type":164},[405],{"type":42,"tag":164,"props":406,"children":407},{},[],{"title":26,"searchDepth":170,"depth":170,"links":409},[],"content:project:Enlighty WebApp.md","project/Enlighty WebApp.md",{"_path":17,"_dir":24,"_draft":25,"_partial":25,"_locale":26,"_empty":25,"title":413,"description":414,"source":415,"live":416,"tags":417,"image":36,"previewImage":36,"createdAt":419,"body":420,"_type":172,"_id":520,"_source":174,"_file":521,"_extension":176},"Shadcn Table","A feature-rich table listing the submitted orders","https://github.com/MohsenDastaran/shadcn-table","https://shadcn-table.netlify.app/",[32,33,34,418],"table","2024-03-31T00:00:00+03:00",{"type":39,"children":421,"toc":518},[422,443],{"type":42,"tag":43,"props":423,"children":424},{},[425,432],{"type":42,"tag":47,"props":426,"children":427},{},[428],{"type":42,"tag":51,"props":429,"children":430},{},[431],{"type":55,"value":413},{"type":42,"tag":58,"props":433,"children":434},{"v-slot:live":26},[435],{"type":42,"tag":51,"props":436,"children":437},{},[438],{"type":42,"tag":65,"props":439,"children":441},{"href":416,"rel":440},[68],[442],{"type":55,"value":71},{"type":42,"tag":73,"props":444,"children":445},{},[446,452,512],{"type":42,"tag":77,"props":447,"children":448},{"type":79},[449],{"type":42,"tag":82,"props":450,"children":451},{":preload":84,":src":85,"alt":86,"preload":87,"type":79},[],{"type":42,"tag":77,"props":453,"children":454},{"type":55},[455,460,495,505,508],{"type":42,"tag":51,"props":456,"children":457},{},[458],{"type":55,"value":459},"A feature-rich table listing the submitted orders.",{"type":42,"tag":98,"props":461,"children":462},{},[463,471,479,487],{"type":42,"tag":102,"props":464,"children":465},{},[466],{"type":42,"tag":65,"props":467,"children":469},{"href":415,"rel":468},[68],[470],{"type":55,"value":110},{"type":42,"tag":102,"props":472,"children":473},{},[474],{"type":42,"tag":65,"props":475,"children":477},{"href":116,"rel":476},[68],[478],{"type":55,"value":120},{"type":42,"tag":102,"props":480,"children":481},{},[482],{"type":42,"tag":65,"props":483,"children":485},{"href":126,"rel":484},[68],[486],{"type":55,"value":130},{"type":42,"tag":102,"props":488,"children":489},{},[490],{"type":42,"tag":65,"props":491,"children":493},{"href":136,"rel":492},[68],[494],{"type":55,"value":140},{"type":42,"tag":98,"props":496,"children":497},{},[498],{"type":42,"tag":102,"props":499,"children":500},{},[501],{"type":42,"tag":65,"props":502,"children":503},{"href":149},[504],{"type":55,"value":152},{"type":42,"tag":154,"props":506,"children":507},{},[],{"type":42,"tag":51,"props":509,"children":510},{},[511],{"type":55,"value":161},{"type":42,"tag":77,"props":513,"children":514},{"type":164},[515],{"type":42,"tag":164,"props":516,"children":517},{},[],{"title":26,"searchDepth":170,"depth":170,"links":519},[],"content:project:shadcn-table.md","project/shadcn-table.md",{"_path":11,"_dir":24,"_draft":25,"_partial":25,"_locale":26,"_empty":25,"title":523,"description":524,"live":525,"tags":526,"image":529,"previewImage":529,"createdAt":530,"body":531,"_type":172,"_id":631,"_source":174,"_file":632,"_extension":176},"Majara","A web app for a group that owns several cafes, restaurants and shared workspaces","https://www.majara.io/",[32,33,527,528],"SCSS","SEO","/majara.png","2023-03-31T00:00:00+03:00",{"type":39,"children":532,"toc":629},[533,554],{"type":42,"tag":43,"props":534,"children":535},{},[536,543],{"type":42,"tag":47,"props":537,"children":538},{},[539],{"type":42,"tag":51,"props":540,"children":541},{},[542],{"type":55,"value":523},{"type":42,"tag":58,"props":544,"children":545},{"v-slot:live":26},[546],{"type":42,"tag":51,"props":547,"children":548},{},[549],{"type":42,"tag":65,"props":550,"children":552},{"href":525,"rel":551},[68],[553],{"type":55,"value":71},{"type":42,"tag":73,"props":555,"children":556},{},[557,563,623],{"type":42,"tag":77,"props":558,"children":559},{"type":79},[560],{"type":42,"tag":82,"props":561,"children":562},{":preload":84,":src":85,"alt":86,"preload":87,"type":79},[],{"type":42,"tag":77,"props":564,"children":565},{"type":55},[566,571,606,616,619],{"type":42,"tag":51,"props":567,"children":568},{},[569],{"type":55,"value":570},"A web app for a group that owns several cafes, restaurants and shared workspaces.",{"type":42,"tag":98,"props":572,"children":573},{},[574,582,590,598],{"type":42,"tag":102,"props":575,"children":576},{},[577],{"type":42,"tag":65,"props":578,"children":580},{"href":244,"rel":579},[68],[581],{"type":55,"value":110},{"type":42,"tag":102,"props":583,"children":584},{},[585],{"type":42,"tag":65,"props":586,"children":588},{"href":116,"rel":587},[68],[589],{"type":55,"value":120},{"type":42,"tag":102,"props":591,"children":592},{},[593],{"type":42,"tag":65,"props":594,"children":596},{"href":126,"rel":595},[68],[597],{"type":55,"value":130},{"type":42,"tag":102,"props":599,"children":600},{},[601],{"type":42,"tag":65,"props":602,"children":604},{"href":136,"rel":603},[68],[605],{"type":55,"value":140},{"type":42,"tag":98,"props":607,"children":608},{},[609],{"type":42,"tag":102,"props":610,"children":611},{},[612],{"type":42,"tag":65,"props":613,"children":614},{"href":149},[615],{"type":55,"value":152},{"type":42,"tag":154,"props":617,"children":618},{},[],{"type":42,"tag":51,"props":620,"children":621},{},[622],{"type":55,"value":161},{"type":42,"tag":77,"props":624,"children":625},{"type":164},[626],{"type":42,"tag":164,"props":627,"children":628},{},[],{"title":26,"searchDepth":170,"depth":170,"links":630},[],"content:project:majara.md","project/majara.md",{"_path":21,"_dir":24,"_draft":25,"_partial":25,"_locale":26,"_empty":25,"title":634,"description":635,"live":636,"tags":637,"image":641,"previewImage":642,"createdAt":643,"body":644,"_type":172,"_id":744,"_source":174,"_file":745,"_extension":176},"T Learning","tritapp is a social network for medical science professionals that provide its members to interact directly with other professionals to gain access to valid, up-to-date, accurate, and interactive knowledge. tritapp looking for expand its network to all natural and legal professionals to provide the best and fastest specialized, professional, welfare and financial services, including interdisciplinary engagement for members.","https://www.learning.tritapp.net/",[638,639,640,527],"Vue 3","Nuxt 3","Typescript","/t-learning.svg","/t-learning-square.svg","2023-03-30T00:00:00+03:00",{"type":39,"children":645,"toc":742},[646,668],{"type":42,"tag":43,"props":647,"children":648},{},[649,657],{"type":42,"tag":47,"props":650,"children":651},{},[652],{"type":42,"tag":51,"props":653,"children":654},{},[655],{"type":55,"value":656},"T-learning",{"type":42,"tag":58,"props":658,"children":659},{"v-slot:live":26},[660],{"type":42,"tag":51,"props":661,"children":662},{},[663],{"type":42,"tag":65,"props":664,"children":666},{"href":636,"rel":665},[68],[667],{"type":55,"value":71},{"type":42,"tag":73,"props":669,"children":670},{},[671,677,736],{"type":42,"tag":77,"props":672,"children":673},{"type":79},[674],{"type":42,"tag":82,"props":675,"children":676},{":preload":84,":src":85,"alt":86,"preload":87,"type":79},[],{"type":42,"tag":77,"props":678,"children":679},{"type":55},[680,684,719,729,732],{"type":42,"tag":51,"props":681,"children":682},{},[683],{"type":55,"value":635},{"type":42,"tag":98,"props":685,"children":686},{},[687,695,703,711],{"type":42,"tag":102,"props":688,"children":689},{},[690],{"type":42,"tag":65,"props":691,"children":693},{"href":244,"rel":692},[68],[694],{"type":55,"value":110},{"type":42,"tag":102,"props":696,"children":697},{},[698],{"type":42,"tag":65,"props":699,"children":701},{"href":116,"rel":700},[68],[702],{"type":55,"value":120},{"type":42,"tag":102,"props":704,"children":705},{},[706],{"type":42,"tag":65,"props":707,"children":709},{"href":126,"rel":708},[68],[710],{"type":55,"value":130},{"type":42,"tag":102,"props":712,"children":713},{},[714],{"type":42,"tag":65,"props":715,"children":717},{"href":136,"rel":716},[68],[718],{"type":55,"value":140},{"type":42,"tag":98,"props":720,"children":721},{},[722],{"type":42,"tag":102,"props":723,"children":724},{},[725],{"type":42,"tag":65,"props":726,"children":727},{"href":149},[728],{"type":55,"value":152},{"type":42,"tag":154,"props":730,"children":731},{},[],{"type":42,"tag":51,"props":733,"children":734},{},[735],{"type":55,"value":161},{"type":42,"tag":77,"props":737,"children":738},{"type":164},[739],{"type":42,"tag":164,"props":740,"children":741},{},[],{"title":26,"searchDepth":170,"depth":170,"links":743},[],"content:project:t-learning.md","project/t-learning.md",{"_path":19,"_dir":24,"_draft":25,"_partial":25,"_locale":26,"_empty":25,"title":747,"description":748,"source":749,"live":750,"tags":751,"image":753,"previewImage":754,"createdAt":755,"body":756,"_type":172,"_id":897,"_source":174,"_file":898,"_extension":176},"Shamsi (jalali) Calendar","This website, as you might already notice, is my portfolio. I am using it to showcase what I learn and what I can do. It was built with the cutting-edge framework Nuxt","https://github.com/Targoman/vue3-jalali-calendar","https://vue3-jalali-calendar.netlify.app",[32,33,640,752,527],"Unstyled Font (Uses your project default font)","/month.png","/week.png","2022-03-31T00:00:00+03:00",{"type":39,"children":757,"toc":895},[758,781],{"type":42,"tag":43,"props":759,"children":760},{},[761,769],{"type":42,"tag":47,"props":762,"children":763},{},[764],{"type":42,"tag":51,"props":765,"children":766},{},[767],{"type":55,"value":768},"vue3-jalali-calendar",{"type":42,"tag":58,"props":770,"children":771},{"v-slot:live":26},[772],{"type":42,"tag":51,"props":773,"children":774},{},[775],{"type":42,"tag":65,"props":776,"children":779},{"href":777,"rel":778},"https://vue3-jalali-calendar.netlify.app/",[68],[780],{"type":55,"value":71},{"type":42,"tag":73,"props":782,"children":783},{},[784,790,889],{"type":42,"tag":77,"props":785,"children":786},{"type":79},[787],{"type":42,"tag":82,"props":788,"children":789},{":preload":84,":src":85,"alt":86,"preload":87,"type":79},[],{"type":42,"tag":77,"props":791,"children":792},{"type":55},[793,825,837,872,882,885],{"type":42,"tag":51,"props":794,"children":795},{},[796,798,805,807,814,816,823],{"type":55,"value":797},"with special thanks to ",{"type":42,"tag":65,"props":799,"children":802},{"href":800,"rel":801},"https://github.com/Sepidehrfi",[68],[803],{"type":55,"value":804},"Sepideh Rafiei",{"type":55,"value":806},", ",{"type":42,"tag":65,"props":808,"children":811},{"href":809,"rel":810},"https://github.com/aminmokhtari94",[68],[812],{"type":55,"value":813},"Mohammad Amin Mokhtari",{"type":55,"value":815}," & ",{"type":42,"tag":65,"props":817,"children":820},{"href":818,"rel":819},"https://github.com/mostafa-jamali",[68],[821],{"type":55,"value":822},"Mostafa Jamali",{"type":55,"value":824},".",{"type":42,"tag":51,"props":826,"children":827},{},[828,830,836],{"type":55,"value":829},"Forked originaly from ",{"type":42,"tag":65,"props":831,"children":834},{"href":832,"rel":833},"https://github.com/mostafa-jamali/vue-persian-calendar",[68],[835],{"type":55,"value":832},{"type":55,"value":824},{"type":42,"tag":98,"props":838,"children":839},{},[840,848,856,864],{"type":42,"tag":102,"props":841,"children":842},{},[843],{"type":42,"tag":65,"props":844,"children":846},{"href":749,"rel":845},[68],[847],{"type":55,"value":110},{"type":42,"tag":102,"props":849,"children":850},{},[851],{"type":42,"tag":65,"props":852,"children":854},{"href":116,"rel":853},[68],[855],{"type":55,"value":120},{"type":42,"tag":102,"props":857,"children":858},{},[859],{"type":42,"tag":65,"props":860,"children":862},{"href":126,"rel":861},[68],[863],{"type":55,"value":130},{"type":42,"tag":102,"props":865,"children":866},{},[867],{"type":42,"tag":65,"props":868,"children":870},{"href":136,"rel":869},[68],[871],{"type":55,"value":140},{"type":42,"tag":98,"props":873,"children":874},{},[875],{"type":42,"tag":102,"props":876,"children":877},{},[878],{"type":42,"tag":65,"props":879,"children":880},{"href":149},[881],{"type":55,"value":152},{"type":42,"tag":154,"props":883,"children":884},{},[],{"type":42,"tag":51,"props":886,"children":887},{},[888],{"type":55,"value":161},{"type":42,"tag":77,"props":890,"children":891},{"type":164},[892],{"type":42,"tag":164,"props":893,"children":894},{},[],{"title":26,"searchDepth":170,"depth":170,"links":896},[],"content:project:Shamsi (jalali) calendar.md","project/Shamsi (jalali) calendar.md",{"_path":5,"_dir":24,"_draft":25,"_partial":25,"_locale":26,"_empty":25,"title":900,"description":748,"source":901,"live":902,"tags":903,"image":906,"previewImage":906,"createdAt":755,"body":907,"_type":172,"_id":1008,"_source":174,"_file":1009,"_extension":176},"ChatApp","https://github.com/MohsenDastaran/portfolio","https://MohsenDastaran.xyz",[32,33,904,905,527,528],"three.js","gsap","/chatApp.svg",{"type":39,"children":908,"toc":1006},[909,931],{"type":42,"tag":43,"props":910,"children":911},{},[912,919],{"type":42,"tag":47,"props":913,"children":914},{},[915],{"type":42,"tag":51,"props":916,"children":917},{},[918],{"type":55,"value":900},{"type":42,"tag":58,"props":920,"children":921},{"v-slot:live":26},[922],{"type":42,"tag":51,"props":923,"children":924},{},[925],{"type":42,"tag":65,"props":926,"children":929},{"href":927,"rel":928},"https://trita-chat-app.netlify.app/",[68],[930],{"type":55,"value":71},{"type":42,"tag":73,"props":932,"children":933},{},[934,940,1000],{"type":42,"tag":77,"props":935,"children":936},{"type":79},[937],{"type":42,"tag":82,"props":938,"children":939},{":preload":84,":src":85,"alt":86,"preload":87,"type":79},[],{"type":42,"tag":77,"props":941,"children":942},{"type":55},[943,948,983,993,996],{"type":42,"tag":51,"props":944,"children":945},{},[946],{"type":55,"value":947},"Simple chatApp for one of my Interview Tasks. It is using Vue.js, Typrscript, SCSS.",{"type":42,"tag":98,"props":949,"children":950},{},[951,959,967,975],{"type":42,"tag":102,"props":952,"children":953},{},[954],{"type":42,"tag":65,"props":955,"children":957},{"href":244,"rel":956},[68],[958],{"type":55,"value":110},{"type":42,"tag":102,"props":960,"children":961},{},[962],{"type":42,"tag":65,"props":963,"children":965},{"href":116,"rel":964},[68],[966],{"type":55,"value":120},{"type":42,"tag":102,"props":968,"children":969},{},[970],{"type":42,"tag":65,"props":971,"children":973},{"href":126,"rel":972},[68],[974],{"type":55,"value":130},{"type":42,"tag":102,"props":976,"children":977},{},[978],{"type":42,"tag":65,"props":979,"children":981},{"href":136,"rel":980},[68],[982],{"type":55,"value":140},{"type":42,"tag":98,"props":984,"children":985},{},[986],{"type":42,"tag":102,"props":987,"children":988},{},[989],{"type":42,"tag":65,"props":990,"children":991},{"href":149},[992],{"type":55,"value":152},{"type":42,"tag":154,"props":994,"children":995},{},[],{"type":42,"tag":51,"props":997,"children":998},{},[999],{"type":55,"value":161},{"type":42,"tag":77,"props":1001,"children":1002},{"type":164},[1003],{"type":42,"tag":164,"props":1004,"children":1005},{},[],{"title":26,"searchDepth":170,"depth":170,"links":1007},[],"content:project:chatApp.md","project/chatApp.md",{"_path":15,"_dir":24,"_draft":25,"_partial":25,"_locale":26,"_empty":25,"title":1011,"description":748,"source":901,"tags":1012,"image":1013,"previewImage":1013,"createdAt":755,"body":1014,"_type":172,"_id":1165,"_source":174,"_file":1166,"_extension":176},"Portfolio",[32,33,904,905,527,528],"/logo.svg",{"type":39,"children":1015,"toc":1163},[1016,1039],{"type":42,"tag":43,"props":1017,"children":1018},{},[1019,1027],{"type":42,"tag":47,"props":1020,"children":1021},{},[1022],{"type":42,"tag":51,"props":1023,"children":1024},{},[1025],{"type":55,"value":1026},"Mohsen Dastaran Portfolio",{"type":42,"tag":58,"props":1028,"children":1029},{"v-slot:source":26},[1030],{"type":42,"tag":51,"props":1031,"children":1032},{},[1033],{"type":42,"tag":65,"props":1034,"children":1036},{"href":901,"rel":1035},[68],[1037],{"type":55,"value":1038},"source",{"type":42,"tag":73,"props":1040,"children":1041},{},[1042,1048,1157],{"type":42,"tag":77,"props":1043,"children":1044},{"type":79},[1045],{"type":42,"tag":82,"props":1046,"children":1047},{":preload":84,":src":85,"alt":86,"preload":87,"type":79},[],{"type":42,"tag":77,"props":1049,"children":1050},{"type":55},[1051,1100,1105,1140,1150,1153],{"type":42,"tag":51,"props":1052,"children":1053},{},[1054,1056,1063,1065,1072,1074,1081,1083,1090,1092,1098],{"type":55,"value":1055},"This website, as you might already notice, is my portfolio. I am using it to showcase what I learn and what I can do. It was built with the cutting-edge framework ",{"type":42,"tag":65,"props":1057,"children":1060},{"href":1058,"rel":1059,"no-lowercase":87,"size-inherit":87},"https://v3.nuxtjs.org",[68],[1061],{"type":55,"value":1062},"Nuxt3",{"type":55,"value":1064}," (pretty cool phrase, isn't it 😄 ?). ",{"type":42,"tag":65,"props":1066,"children":1069},{"href":1067,"rel":1068,"no-lowercase":87,"size-inherit":87},"https://locomotivemtl.github.io/locomotive-scroll/",[68],[1070],{"type":55,"value":1071},"Locomotive Scroll",{"type":55,"value":1073}," was used for creating smooth scroll on desktop screen, it can also do so on mobile, but I found it wasn't performing well enough. Also, pretty obvious is GreenSock's tool - ",{"type":42,"tag":65,"props":1075,"children":1078},{"href":1076,"rel":1077,"no-lowercase":87,"size-inherit":87},"https://greensock.com/gsap/",[68],[1079],{"type":55,"value":1080},"GSAP",{"type":55,"value":1082},". Last but not least important tool is ",{"type":42,"tag":65,"props":1084,"children":1087},{"href":1085,"rel":1086,"no-lowercase":87,"size-inherit":87},"https://github.com/oframe/ogl",[68],[1088],{"type":55,"value":1089},"OGL",{"type":55,"value":1091},". This is like ThreeJS, but ",{"type":42,"tag":1093,"props":1094,"children":1095},"em",{},[1096],{"type":55,"value":1097},"a lot",{"type":55,"value":1099}," smaller in size and delivers pretty much every tool you need to build some 3d scene.",{"type":42,"tag":51,"props":1101,"children":1102},{},[1103],{"type":55,"value":1104},"While building this website, I faced a lot of different and exceptional issues. One was breaking everything after moving one line of code up or down 😅. Another was, how to reconcile Nuxt3, GSAP, and Locomotive Scroll in one package, so the route transition looks soft and native. But after trials and errors, something proper was created. Feel free to break everything 😂.",{"type":42,"tag":98,"props":1106,"children":1107},{},[1108,1116,1124,1132],{"type":42,"tag":102,"props":1109,"children":1110},{},[1111],{"type":42,"tag":65,"props":1112,"children":1114},{"href":244,"rel":1113},[68],[1115],{"type":55,"value":110},{"type":42,"tag":102,"props":1117,"children":1118},{},[1119],{"type":42,"tag":65,"props":1120,"children":1122},{"href":116,"rel":1121},[68],[1123],{"type":55,"value":120},{"type":42,"tag":102,"props":1125,"children":1126},{},[1127],{"type":42,"tag":65,"props":1128,"children":1130},{"href":126,"rel":1129},[68],[1131],{"type":55,"value":130},{"type":42,"tag":102,"props":1133,"children":1134},{},[1135],{"type":42,"tag":65,"props":1136,"children":1138},{"href":136,"rel":1137},[68],[1139],{"type":55,"value":140},{"type":42,"tag":98,"props":1141,"children":1142},{},[1143],{"type":42,"tag":102,"props":1144,"children":1145},{},[1146],{"type":42,"tag":65,"props":1147,"children":1148},{"href":149},[1149],{"type":55,"value":152},{"type":42,"tag":154,"props":1151,"children":1152},{},[],{"type":42,"tag":51,"props":1154,"children":1155},{},[1156],{"type":55,"value":161},{"type":42,"tag":77,"props":1158,"children":1159},{"type":164},[1160],{"type":42,"tag":164,"props":1161,"children":1162},{},[],{"title":26,"searchDepth":170,"depth":170,"links":1164},[],"content:project:portfolio.md","project/portfolio.md",{"_path":1168,"_dir":26,"_draft":25,"_partial":25,"_locale":26,"_empty":25,"title":1169,"description":1170,"body":1171,"_type":172,"_id":1179,"_source":174,"_file":1180,"_extension":176},"/about-me","About Me","My name is Mohsen Dastaran and I am Iranian based Front End developer, passionate about UI effects, animations and code. Mostly in use are Nuxt and Vue.js, SCSS for styling and GreenSock for smooth animations.",{"type":39,"children":1172,"toc":1177},[1173],{"type":42,"tag":51,"props":1174,"children":1175},{},[1176],{"type":55,"value":1170},{"title":26,"searchDepth":170,"depth":170,"links":1178},[],"content:about-me.md","about-me.md",1787179674766]