I wrote my resume with HTML and CSS because I love flexbox.
<!doctype html> <meta charset="utf-8" /> <header> <h1>Najman Husaini</h1> <div> +1 (801) 413-6695 | <a href="mailto:najmanhusaini20@gmail.com">najmanhusaini20@gmail.com</a> </div> <div> <a href="https://www.najmanhusaini.com">najmanhusaini.com</a> | <a href="https://www.github.com/manglemix">github.com/manglemix</a> | <a href="https://www.linkedin.com/in/najman-husaini/">linkedin.com/in/najman-husaini</a> </div> </header> <img id="qr" src="./website-qr.png" /> <h2>EDUCATION</h2> <div class="split top-padded"> <h3>University of Utah</h3> <p>Salt Lake City, UT</p> </div> <div class="split"> <p>Computer Science with Games Emphasis: <b>GPA 3.98/4.0</b></p> <p>Aug 2025</p> </div> <div class="split top-padded"> <h3>Cybersecurity Boot Camp</h3> <p>Online</p> </div> <div class="split"> <p>CompTIA Security+ compliant</p> <p>Feb 2022 - Aug 2022</p> </div> <!-- <ul> <li> Coursework: Azure, Docker, CVE, Ansible, Penetration Testing, SSL, TLS, SSH, Linux Administration </li> </ul> --> <h2>EXPERIENCE</h2> <div class="split top-padded"> <h3>University of Utah School of Computing</h3> <p>Salt Lake City, UT</p> </div> <div class="split"> <p><i>Teaching Assistant</i></p> <p>Aug 2022 - Present</p> </div> <ul> <li> Helped <b>100+ students</b> pass Accelerated Introduction to Object Oriented Programming with <b>Java</b> with a B or better </li> <li> Prevented <b>5+ students</b> from failing and helped to retain them in their major as a Retention Teaching Assistant </li> <li> Led weekly labs, code-reviewed, held review sessions for exams, and provided feedback for assignments in <b>Java</b> </li> </ul> <h2>PROJECTS</h2> <div class="split top-padded"> <div class="title"> <h3>NASA Lunabotics</h3> <p>| Rust, tokio, nalgebra, rayon, crossbeam, ffmpeg</p> </div> <p>Aug 2023 - May 2024</p> </div> <ul> <li>Established a complete robotics framework and ecosystem from scratch (only team to do so)</li> <li> Programmed a robot that digs and dumps <b>autonomously</b>, and uses a 2-pilot system for driving remotely </li> <li>Achieved <b>3rd place</b> out of 50 universities and the US military at the Kennedy Space Center</li> <li class="no-li"> <div class="gapped"> <p> <b>Demo: </b ><a href="https://www.youtube.com/watch?v=OvzOrHbLd_M">youtu.be/watch?v=OvzOrHbLd_M</a> </p> <p> <b>Source: </b ><a href="https://github.com/utahrobotics/lunadev-2024" >github.com/utahrobotics/lunadev-2024</a > </p> </div> </li> </ul> <div class="split top-padded"> <div class="title"> <h3>PortalCrawler</h3> <p>| Godot</p> </div> <p>May 2024 - Aug 2024</p> </div> <ul> <li>Led 4 other members in a Traditional Game Development Class Project</li> <li> Implemented all the enemy AI and pathfinding, shop, and level system, leveraging <b>state machines</b> </li> <li>Utilised Github Issues, Milestones, and Projects for team management with <b>Agile</b> workflow</li> <li class="no-li"> <div class="gapped"> <p> <b>Demo: </b><a href="https://manglemix.itch.io/portalcrawler">itch.io/portalcrawler</a> </p> <p> <b>Source: </b ><a href="https://github.com/manglemix/PortalCrawler">github.com/manglemix/PortalCrawler</a> </p> </div> </li> </ul> <div class="split top-padded"> <div class="title"> <h3>Pony Express</h3> <p>| React, SQLite, FastAPI, poetry, Tailwind CSS, Amplify, EC2</p> </div> <p>Jan 2024 - May 2024</p> </div> <ul> <li> Prototyped a real-time, responsive chat application that allows users to send messages to each other over a database </li> <li> Maintained conclusive <b>unit tests</b> for the backend using <b>FastAPI</b>, and deployed the frontend to a public domain </li> <li class="no-li"> <b>Source: </b ><a href="https://www.github.com/manglemix/pony-express" >github.com/manglemix/pony-express</a > </li> </ul> <div class="split top-padded"> <div class="title"> <h3>deTrash</h3> <p>| Vercel, Sveltekit, Flask, TypeScript, Google Maps, YoloV5, GPT 3.5</p> </div> <p>Oct 2023</p> </div> <ul> <li> Produced a frontend that used <b>computer vision AI</b> to identify trash in user submitted images and track their locations on a heat-map to help non-profit trash clean-up organizations plan their routes and save on gas </li> <li>Achieved <b>2nd place</b> out of 247 other teams for 24 hours in the Hack OHI/O 11 hackathon</li> <li class="no-li"> <div class="gapped"> <p><b>Demo: </b><a href="https://trash-tests.vercel.app/">trash-tests.vercel.app</a></p> <p> <b>Source: </b ><a href="https://github.com/manglemix/hackohio-frontend" >github.com/manglemix/hackohio-frontend</a > </p> </div> </li> </ul> <h2>SKILLS</h2> <section id="skills"> <p> <b>Languages: </b> Rust, Python, Javascript, Typescript, HTML, CSS, C, C++, C#, Java, Kotlin, SQL </p> <p> <b>Technologies: </b> AWS (S3, EC2, DynamoDB, Amplify, Lambda, Cognito, Pinpoint, SES), Azure, Docker, Vercel, GitHub Actions, WebRTC, WebSockets, Svelte, React, SQLite, Ansible, Tailwind, Qt, MAUI, Django, FFmpeg, Linux </p> <p><b>Game Engines: </b> Godot, Unreal Engine 5, GameMaker, Unity</p> <p> <b>Activities: </b> Programming team lead of Utah Student Robotics; President of the Undergraduate Student Advisory Committee; Member of National Society for Leadership and Success </p> </section> <h2>INTERESTS</h2> <ul id="interests"> <li>Rock Climbing since 2019 (V5, 6b+)</li> <li>;</li> <li>Practicing drumming since 2023</li> <li>;</li> <li> Hobbyist photographer <a href="https://www.pexels.com/@manglemix/">pexels.com/@manglemix/</a> </li> </ul> <style> * { font-family: 'Times New Roman', serif; margin: 0px; padding: 0px; font-size: 0.97rem; } hr { margin-top: 0.15rem; margin-bottom: 0.15rem; } ul li { margin-left: 1.8rem; padding-left: 0.3rem; margin-top: 0.12rem; } h1 { font-size: 1rem; } h2 { margin-top: 0.75rem; font-size: 1rem; width: 100%; border-bottom: 1px solid black; padding-bottom: 0.2rem; margin-bottom: 0.5rem; } h3 { font-size: 1rem; } .top-padded { margin-top: 0.4rem; } #skills { list-style: none; } #skills > p:first-child { margin-top: 0.4rem; } #skills > p { margin-bottom: 0.5rem; } a, a:visited { text-decoration: none; color: black; } .split { display: flex; justify-content: space-between; } header { display: flex; flex-direction: column; align-items: center; width: 100%; } .no-li { list-style: none; } .title { display: flex; flex-direction: row; } .title > p { margin-left: 0.3rem; font-style: italic; } .gapped { display: flex; flex-direction: row; gap: 1rem; } #interests { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; /* gap: 2rem; */ } #interests li { list-style-type: none; padding: 0; margin: 0; } #qr { position: absolute; top: 0rem; right: 0rem; width: 5rem; height: auto; } </style>