[{"data":1,"prerenderedAt":228},["Reactive",2],{"content-/projects/recommender":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"type":11,"technologies":12,"url":15,"thumbnail":16,"width":17,"height":18,"body":19,"_type":222,"_id":223,"_source":224,"_file":225,"_stem":226,"_extension":227},"/projects/recommender","projects",false,"","Recommender System","End To End Content Based Recommender System",1635368278138,"website",[13,14],"Python","Jupyter","https://antique-radioshop.com","/projects/recommend.png",600,500,{"type":20,"children":21,"toc":211},"root",[22,30,37,42,62,68,73,79,88,94,99,105,130,136,164,170,183,189,197],{"type":23,"tag":24,"props":25,"children":26},"element","p",{},[27],{"type":28,"value":29},"text","A website that tracked the compatibility status of third-party modules for Nuxt 3 during its beta phase.",{"type":23,"tag":31,"props":32,"children":34},"h2",{"id":33},"the-problem",[35],{"type":28,"value":36},"The problem",{"type":23,"tag":24,"props":38,"children":39},{},[40],{"type":28,"value":41},"Nuxt 3 beta was released in late 2021. At that time, most modules were incompatible with the new module architecture. Although there was an official page about modules, it didn't show their compatibility with the new version.",{"type":23,"tag":24,"props":43,"children":44},{},[45,54,56],{"type":23,"tag":46,"props":47,"children":51},"a",{"href":48,"rel":49},"https://github.com/nuxt/framework/discussions/751",[50],"nofollow",[52],{"type":28,"value":53},"@pi0",{"type":28,"value":55}," started a discussion thread with a table showing the compatibility of each module. Someone suggested that it would be cool to create a page for this. I read it over the weekend and thought: ",{"type":23,"tag":57,"props":58,"children":59},"em",{},[60],{"type":28,"value":61},"why not?",{"type":23,"tag":31,"props":63,"children":65},{"id":64},"target-audience",[66],{"type":28,"value":67},"Target Audience",{"type":23,"tag":24,"props":69,"children":70},{},[71],{"type":28,"value":72},"Nuxt.js developers, community members, and module maintainers.",{"type":23,"tag":31,"props":74,"children":76},{"id":75},"visuals",[77],{"type":28,"value":78},"Visuals",{"type":23,"tag":24,"props":80,"children":81},{},[82],{"type":23,"tag":83,"props":84,"children":87},"img",{"alt":85,"src":86},"Design of the site","/projects/isnuxt3ready.jpg",[],{"type":23,"tag":31,"props":89,"children":91},{"id":90},"goals-and-objectives",[92],{"type":28,"value":93},"Goals and Objectives",{"type":23,"tag":24,"props":95,"children":96},{},[97],{"type":28,"value":98},"Create a user-friendly website to track and display the compatibility status of Nuxt 3 third-party modules.",{"type":23,"tag":31,"props":100,"children":102},{"id":101},"design-process",[103],{"type":28,"value":104},"Design Process",{"type":23,"tag":106,"props":107,"children":108},"ul",{},[109,115,120,125],{"type":23,"tag":110,"props":111,"children":112},"li",{},[113],{"type":28,"value":114},"Conducted research on the compatibility status of various third-party modules.",{"type":23,"tag":110,"props":116,"children":117},{},[118],{"type":28,"value":119},"Designed a clean and minimalistic UI with an emphasis on readability.",{"type":23,"tag":110,"props":121,"children":122},{},[123],{"type":28,"value":124},"Implemented the site using Nuxt 3 and TailwindCSS.",{"type":23,"tag":110,"props":126,"children":127},{},[128],{"type":28,"value":129},"Regularly updated the website with new compatibility information, as well as helping module maintainers.",{"type":23,"tag":31,"props":131,"children":133},{"id":132},"key-features-and-functionality",[134],{"type":28,"value":135},"Key Features and Functionality",{"type":23,"tag":106,"props":137,"children":138},{},[139,144,149,154,159],{"type":23,"tag":110,"props":140,"children":141},{},[142],{"type":28,"value":143},"Responsive and accessible design.",{"type":23,"tag":110,"props":145,"children":146},{},[147],{"type":28,"value":148},"Clear and concise visual representation of module statuses using cards.",{"type":23,"tag":110,"props":150,"children":151},{},[152],{"type":28,"value":153},"Filter and search functionality for easy navigation.",{"type":23,"tag":110,"props":155,"children":156},{},[157],{"type":28,"value":158},"Public API to fetch compatibility info.",{"type":23,"tag":110,"props":160,"children":161},{},[162],{"type":28,"value":163},"Periodic updates on module compatibility.",{"type":23,"tag":31,"props":165,"children":167},{"id":166},"results-and-impact",[168],{"type":28,"value":169},"Results and Impact",{"type":23,"tag":106,"props":171,"children":172},{},[173,178],{"type":23,"tag":110,"props":174,"children":175},{},[176],{"type":28,"value":177},"Positive reception from the Nuxt core team and community.",{"type":23,"tag":110,"props":179,"children":180},{},[181],{"type":28,"value":182},"Contributed to the overall progress and adoption of Nuxt 3.",{"type":23,"tag":31,"props":184,"children":186},{"id":185},"lessons-learned-and-challenges",[187],{"type":28,"value":188},"Lessons Learned and Challenges",{"type":23,"tag":106,"props":190,"children":191},{},[192],{"type":23,"tag":110,"props":193,"children":194},{},[195],{"type":28,"value":196},"Keeping the website up-to-date with the rapidly changing compatibility landscape.\nDesigning an intuitive and easy-to-navigate interface to handle a large number of modules.",{"type":23,"tag":24,"props":198,"children":199},{},[200,202,209],{"type":28,"value":201},"Some time later, I archived the site in favor of ",{"type":23,"tag":46,"props":203,"children":206},{"href":204,"rel":205},"https://nuxt.com/modules",[50],[207],{"type":28,"value":208},"the official modules",{"type":28,"value":210}," site, as I had the opportunity to integrate some of the features into the official site!",{"title":7,"searchDepth":212,"depth":212,"links":213},2,[214,215,216,217,218,219,220,221],{"id":33,"depth":212,"text":36},{"id":64,"depth":212,"text":67},{"id":75,"depth":212,"text":78},{"id":90,"depth":212,"text":93},{"id":101,"depth":212,"text":104},{"id":132,"depth":212,"text":135},{"id":166,"depth":212,"text":169},{"id":185,"depth":212,"text":188},"markdown","content:projects:Recommender.md","content","projects/Recommender.md","projects/Recommender","md",1722405805585]