[{"data":1,"prerenderedAt":271},["ShallowReactive",2],{"content-query-hYvUZsePJ7":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"tags":11,"image":19,"imageAlt":20,"body":21,"_type":264,"_id":265,"_source":266,"_file":267,"_stem":268,"_extension":269,"sitemap":270},"/project/university-archive","project",false,"","University Projects Archive – Design & Development","A collection of web development projects created alongside my university studies. These projects focus on UI redesigns, personal branding, and skill enhancement.","01.12.2020",[12,13,14,15,16,17,18],"vue2","html","css","javascript","ui-redesign","university","surge.sh","university-archive-screenshot.webp","Preview of university web projects and UI redesigns",{"type":22,"children":23,"toc":255},"root",[24,33,47,52,69,73,79,84,124,129,132,138,143,176,181,184,190,195,241,244,250],{"type":25,"tag":26,"props":27,"children":29},"element","h3",{"id":28},"university-projects-archive",[30],{"type":31,"value":32},"text","✨ University Projects Archive",{"type":25,"tag":34,"props":35,"children":36},"p",{},[37,39,45],{"type":31,"value":38},"Welcome to my ",{"type":25,"tag":40,"props":41,"children":42},"strong",{},[43],{"type":31,"value":44},"University Projects Archive",{"type":31,"value":46},", a collection of work developed alongside my academic studies.",{"type":25,"tag":34,"props":48,"children":49},{},[50],{"type":31,"value":51},"These projects were created to apply theoretical knowledge in a practical setting, focusing on enhancing my development skills and experimenting with UI/UX design. This repository highlights my initiative to redesign existing institutional tools and build a personal digital presence using the technologies I was mastering at the time.",{"type":25,"tag":34,"props":53,"children":54},{},[55,57],{"type":31,"value":56},"🌍 ",{"type":25,"tag":40,"props":58,"children":59},{},[60],{"type":25,"tag":61,"props":62,"children":66},"a",{"href":63,"rel":64},"https://abalebenslauf.surge.sh/",[65],"nofollow",[67],{"type":31,"value":68},"View Main CV Website",{"type":25,"tag":70,"props":71,"children":72},"hr",{},[],{"type":25,"tag":26,"props":74,"children":76},{"id":75},"️-tech-stack",[77],{"type":31,"value":78},"🤹‍♂️ Tech Stack",{"type":25,"tag":34,"props":80,"children":81},{},[82],{"type":31,"value":83},"The projects in this archive were built using a robust mix of core web technologies and early component frameworks to ensure functionality and interactive design:",{"type":25,"tag":85,"props":86,"children":87},"ul",{},[88,104,114],{"type":25,"tag":89,"props":90,"children":91},"li",{},[92,102],{"type":25,"tag":40,"props":93,"children":94},{},[95],{"type":25,"tag":61,"props":96,"children":99},{"href":97,"rel":98},"https://v2.vuejs.org/",[65],[100],{"type":31,"value":101},"Vue.js 2",{"type":31,"value":103}," – Used for creating reactive interfaces and structuring the application logic in the redesign projects.",{"type":25,"tag":89,"props":105,"children":106},{},[107,112],{"type":25,"tag":40,"props":108,"children":109},{},[110],{"type":31,"value":111},"HTML5 & CSS3",{"type":31,"value":113}," – The backbone of the layout and styling, ensuring structure and visual consistency across different screens.",{"type":25,"tag":89,"props":115,"children":116},{},[117,122],{"type":25,"tag":40,"props":118,"children":119},{},[120],{"type":31,"value":121},"Vanilla JavaScript",{"type":31,"value":123}," – Implemented for lightweight logic and DOM manipulation where a full framework wasn't necessary.",{"type":25,"tag":34,"props":125,"children":126},{},[127],{"type":31,"value":128},"This stack allowed me to experiment with both static site creation and dynamic single-page application concepts.",{"type":25,"tag":70,"props":130,"children":131},{},[],{"type":25,"tag":26,"props":133,"children":135},{"id":134},"project-collection",[136],{"type":31,"value":137},"📚 Project Collection",{"type":25,"tag":34,"props":139,"children":140},{},[141],{"type":31,"value":142},"This archive consists of three distinct projects, each addressing a specific design or development challenge:",{"type":25,"tag":85,"props":144,"children":145},{},[146,156,166],{"type":25,"tag":89,"props":147,"children":148},{},[149,154],{"type":25,"tag":40,"props":150,"children":151},{},[152],{"type":31,"value":153},"Main Personal CV",{"type":31,"value":155}," – A comprehensive personal website serving as a digital portfolio. It was designed to present my academic background and technical skillset professionally.",{"type":25,"tag":89,"props":157,"children":158},{},[159,164],{"type":25,"tag":40,"props":160,"children":161},{},[162],{"type":31,"value":163},"University Webmail Redesign",{"type":31,"value":165}," – A UI/UX case study where I redesigned the university's email portal. The goal was to modernize the interface and improve the user experience of the tool we used daily.",{"type":25,"tag":89,"props":167,"children":168},{},[169,174],{"type":25,"tag":40,"props":170,"children":171},{},[172],{"type":31,"value":173},"University Webmail Login Portal",{"type":31,"value":175}," – A recreation of the university’s authentication entry point. This project focused on replicating and refining the login layout and form structure.",{"type":25,"tag":34,"props":177,"children":178},{},[179],{"type":31,"value":180},"These projects demonstrate a proactive approach to learning by rebuilding and improving real-world tools.",{"type":25,"tag":70,"props":182,"children":183},{},[],{"type":25,"tag":26,"props":185,"children":187},{"id":186},"access-the-projects",[188],{"type":31,"value":189},"🔗 Access the Projects",{"type":25,"tag":34,"props":191,"children":192},{},[193],{"type":31,"value":194},"You can explore the live versions of these archived projects via the links below:",{"type":25,"tag":196,"props":197,"children":198},"ol",{},[199,213,227],{"type":25,"tag":89,"props":200,"children":201},{},[202,207],{"type":25,"tag":40,"props":203,"children":204},{},[205],{"type":31,"value":206},"Main CV / Portfolio:",{"type":25,"tag":61,"props":208,"children":210},{"href":63,"rel":209},[65],[211],{"type":31,"value":212},"Visit Website",{"type":25,"tag":89,"props":214,"children":215},{},[216,221],{"type":25,"tag":40,"props":217,"children":218},{},[219],{"type":31,"value":220},"University Webmail Redesign:",{"type":25,"tag":61,"props":222,"children":225},{"href":223,"rel":224},"https://email-uni-page-ms.surge.sh/",[65],[226],{"type":31,"value":212},{"type":25,"tag":89,"props":228,"children":229},{},[230,235],{"type":25,"tag":40,"props":231,"children":232},{},[233],{"type":31,"value":234},"University Webmail Login Portal:",{"type":25,"tag":61,"props":236,"children":239},{"href":237,"rel":238},"https://email-login-page.surge.sh/",[65],[240],{"type":31,"value":212},{"type":25,"tag":70,"props":242,"children":243},{},[],{"type":25,"tag":26,"props":245,"children":247},{"id":246},"license",[248],{"type":31,"value":249},"📝 License",{"type":25,"tag":34,"props":251,"children":252},{},[253],{"type":31,"value":254},"© 2020–present — Abbas Mohamed. All rights reserved.",{"title":7,"searchDepth":256,"depth":256,"links":257},2,[258,260,261,262,263],{"id":28,"depth":259,"text":32},3,{"id":75,"depth":259,"text":78},{"id":134,"depth":259,"text":137},{"id":186,"depth":259,"text":189},{"id":246,"depth":259,"text":249},"markdown","content:project:university-archive.md","content","project/university-archive.md","project/university-archive","md",{"loc":4},1766592751867]