[{"data":1,"prerenderedAt":371},["ShallowReactive",2],{"index":3,"mdc-k4l8a3-key":126,"featured-projects":138},{"id":4,"title":5,"about":6,"birthday":9,"blog":10,"body":14,"description":15,"experience":16,"extension":42,"faq":43,"hero":83,"meta":90,"navigation":91,"path":92,"projects":93,"seo":96,"stem":99,"testimonials":100,"__hash__":125},"index/index.yml","Hey, ich bin Niklas",{"title":7,"description":8},"Über mich","Ich bin Niklas, 24 Jahre alt und arbeite seit bald 8 Jahren als Software-Entwickler. In meiner Freizeit versuche ich meine Kreativität zu entfalten. Ich mache gerne Fotos oder übe mich in Videografie. Ich finde vor allem den Technischen Aspekt total interessant. Schau dir doch gerne meine Projekte oder mein Kreatives Portfolio an.","2001-03-08",{"enabled":11,"title":12,"description":13},false,"Blog","Gedanken, Tutorials und Einblicke aus meinem Alltag als Entwickler.",null,"Software-Entwickler • Hobby Foto- und Videograf",{"title":17,"items":18},"Arbeitserfahrung",[19,27,34],{"position":20,"date":21,"company":22},"Software-Entwickler","Jan 2023 - Heute",{"name":23,"logo":24,"url":25,"color":26},"Kabema","i-custom-companies-kabema","https://kabema.com/","#1699B4",{"position":20,"date":28,"company":29},"Jul 2021 - Jan 2023",{"name":30,"logo":31,"url":32,"color":33},"LEAD4CAR","i-custom-companies-lead4car","https://lead4car.de","#019FE3",{"position":35,"date":36,"company":37},"Ausbildung als Fachinformatiker","Sep 2018 - Jun 2021",{"name":38,"logo":39,"url":40,"color":41},"FLYERALARM","i-custom-companies-flyeralarm","https://www.flyeralarm.com/de/","#E6011E","yml",{"title":44,"description":45,"categories":46},"Frequently Asked Questions","Answers to common questions about my process and services.",[47,59,74],{"title":48,"questions":49},"Services & Process",[50,53,56],{"label":51,"content":52},"What services do you offer?","I specialize in UX/UI design and front-end development. This includes user research, wireframing, interactive prototyping, creating intuitive user interfaces, building responsive websites and web applications (especially with Vue.js/Nuxt.js), and developing design systems. My goal is to create seamless digital experiences from concept to deployment.\n",{"label":54,"content":55},"What is your design process like?","My process is collaborative and iterative, typically involving stages like Discovery & Research, Ideation & Prototyping, User Testing, Visual Design, and close collaboration with development teams during implementation. I tailor the process based on project needs, always focusing on user-centered solutions.\n",{"label":57,"content":58},"Do you work with startups?","Absolutely! I enjoy working with startups to help shape their product vision and create user-friendly interfaces from the ground up. I can adapt my process to fit the fast-paced startup environment.\n",{"title":60,"questions":61},"Pricing & Timelines",[62,65,68,71],{"label":63,"content":64},"How much does a project typically cost?","Project costs vary based on scope, complexity, features, and timeline. For comprehensive UX/UI design and front-end development projects, my engagements typically start around $5,000, with average projects ranging between $8,000 and $25,000. For consulting or specific design tasks, my day rate is $700.\n",{"label":66,"content":67},"What are your payment terms?","I generally require a 40% deposit to schedule the project and begin work, with the remaining 60% due upon successful project completion and delivery. I accept payments via bank transfer and Stripe.\n",{"label":69,"content":70},"How long does a typical project take?","Timelines depend heavily on the project's scope and complexity. Smaller projects might take 3-4 weeks, while larger, more involved projects can range from 2 to 4 months. I always provide a detailed timeline estimate after the initial discovery phase.\n",{"label":72,"content":73},"Do you offer retainers or ongoing support?","Yes, for clients needing ongoing design support, feature development, or maintenance, I offer monthly retainer options tailored to specific needs. Let's discuss if this is something you're interested in.\n",{"title":75,"questions":76},"About Me",[77,80],{"label":78,"content":79},"What do you enjoy most about your work?","I love the challenge of solving complex problems through design and technology. It's incredibly rewarding to see people interact with something I've created and find it genuinely useful and easy to navigate. Bridging the gap between user needs and technical possibilities is what truly excites me.\n",{"label":81,"content":82},"What are your hobbies outside of work?","When I'm not designing or coding, I enjoy exploring Boston's neighborhoods, trying out new coffee shops, and hiking in the nearby reservations. I'm also passionate about photography and occasionally contribute to open-source projects.\n",{"image":84,"links":85},"/images/niklas.png",[86],{"label":87,"to":88,"color":89},"Use this template","https://github.com/nuxt-ui-templates/portfolio","neutral",{},true,"/",{"title":94,"description":95},"Meine Projekte","In meiner Freizeit Programmiere ich auch sehr gerne. Am liebsten arbeite ich an Projekten mit einem echten Mehrwert ",{"title":97,"description":98},"Niklas Lausch - Full Stack Developer","Welcome to my portfolio! I'm Niklas Lausch, a full stack developer based in Germany. I specialize in creating user-centered digital experiences that are both beautiful and functional.","index",[101,109,117],{"quote":102,"author":103},"Emma's approach to UX design completely transformed our product. She has a rare ability to balance beautiful aesthetics with functional simplicity. The redesign not only looked better, but it reduced our customer support tickets by 40% and increased conversion rates across all key metrics.",{"name":104,"description":105,"avatar":106},"Sarah Chen","Product Director at Bloom Finance",{"src":107,"srcset":108},"https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x",{"quote":110,"author":111},"Working with Emma was the best decision we made for our startup. She didn't just deliver designs—she challenged our assumptions, conducted thorough user research, and created an experience that truly resonated with our audience. Her technical knowledge of front-end development meant the handoff to our engineering team was seamless.",{"name":112,"description":113,"avatar":114},"Michael Rodriguez","Co-founder of Wavelength Music",{"src":115,"srcset":116},"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x",{"quote":118,"author":119},"Emma stands out in her ability to translate complex sustainability data into intuitive interfaces. Her work on EcoTrack wasn't just visually stunning—it fundamentally changed how our users interact with environmental information. She approaches each problem with both creativity and analytical rigor, which is exactly what we needed.",{"name":120,"description":121,"avatar":122},"Dr. Aisha Johnson","Chief Innovation Officer at GreenTech Solutions",{"src":123,"srcset":124},"https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x","FwZ-WLf2FLIu6fde4iqZ8CCsslDCuZJRb63Vt4FRCW4",{"data":127,"body":128},{},{"type":129,"children":130},"root",[131],{"type":132,"tag":133,"props":134,"children":135},"element","p",{},[136],{"type":137,"value":8},"text",[139,236,324],{"id":140,"title":141,"body":142,"description":210,"extension":211,"featured":91,"image":212,"languages":213,"links":220,"meta":229,"navigation":91,"path":230,"seo":231,"stem":234,"__hash__":235},"projects/projects/buildyourvoice.md","BuildYourVoice",{"type":143,"value":144,"toc":202},"minimark",[145,150,153,156,159,162,165,170,173],[146,147,149],"h2",{"id":148},"background","Background",[133,151,152],{},"Mein guter Freund Philip rief mich im Sommer 2023 mit einer Idee an. Er würde gerne Kurse rund um das Thema Synchronsprechen anbieten.",[133,154,155],{},"Dafür brauchte er als erstes einmal eine kleine Landing-Page womit sich Interessierte zu seinem Newsletter anmelden können.",[133,157,158],{},"Für den Newsletter haben wir die SaaS Brevo eingesetzt. Für die Landingpage habe ich schnell mit Nuxt und Vuetify ein MVP zusammengestellt.",[133,160,161],{},"Über die Zeit kamen immer mehr Anforderungen dazu. Die fertigen Terminbuchungs-Plattformen passten nicht ganz zu seinem use-case. Also habe ich die Webseite mit weiteren Funktionalitäten erweitert.",[133,163,164],{},"Heute ist die Webseite nicht mehr nur eine Landingpage sondern viel mehr eine ganze Plattform",[166,167,169],"h3",{"id":168},"features","Features",[133,171,172],{},"Die Webseite umfasst folgende Funktionalitäten:",[174,175,176,180,183,186,189,192,195],"ul",{},[177,178,179],"li",{},"Kaufen von Einzel-Produkten wie E-Books oder Merchendise",[177,181,182],{},"Buchen von Kurs-Terminen mit Versand von E-Mail informationen",[177,184,185],{},"Einsehen der Teilnehmer für einen Kurs",[177,187,188],{},"Member Area",[177,190,191],{},"Blog Posts",[177,193,194],{},"Anlegen von neuen Produkt- und Unter-Seiten",[177,196,197,198],{},"Digitale Kursplattform ",[199,200,201],"badge",{},"Work in Progress",{"title":203,"searchDepth":204,"depth":204,"links":205},"",2,[206],{"id":148,"depth":204,"text":149,"children":207},[208],{"id":168,"depth":209,"text":169},3,"Umsetzung von Landingpages und einer Terminbuchungs-Plattform","md","/images/projects/buildyourvoice-v2.png",[214,217],{"language":215,"percentage":216},"Vue",65,{"language":218,"percentage":219},"TypeScript",35,[221,225],{"label":222,"icon":223,"to":224,"external":91},"Website","i-heroicons-globe-alt","https://tanker.niki2k1.dev/",{"label":226,"icon":227,"to":228,"external":91},"Github Projekt","i-mdi-github","https://github.com/Niki2k1/tanker-web",{},"/projects/buildyourvoice",{"title":232,"description":233},"Tanker","Tanker ist eine praktische App, die Fahrern hilft, die günstigsten und nächstgelegenen Tankstellen in ihrer Umgebung zu finden.  Mit nur wenigen Klicks können Nutzer schnell Preise vergleichen und beim Kauf von Kraftstoff sparen. Tanker zeigt in Echtzeit die Verfügbarkeit verschiedener Kraftstofftypen, wie z.B. Super E5, Super E10 und Diesel, an.   Danke an Tankerkönig für das bereitstellen der API","projects/buildyourvoice","WDBf2NszfewRa9O3bnIP0Zr9xisMfSyLI0QPIvwcn5I",{"id":237,"title":238,"body":239,"description":308,"extension":211,"featured":91,"image":309,"languages":310,"links":316,"meta":319,"navigation":91,"path":320,"seo":321,"stem":322,"__hash__":323},"projects/projects/domos.md","Domos",{"type":143,"value":240,"toc":305},[241,244,247,250,260,263,271,274,290,294,297],[133,242,243],{},"Die Domos sind ein Livestream-Projekt die eine Award-Show Parodie darstellen soll.",[133,245,246],{},"Bei den Domos wird für die besten Clips des Jahres abgestimmt. Bevor es mit der Abstimmung losgehen kann braucht es aber erstmal Kandidaten. Also wird in der ersten Phase ein Aufruf zum Einsenden der besten Clips gestartet.",[133,248,249],{},"Damit Einsendungen entgegengenommen werden können ist dafür eine eigens Entwickelte Seite enstanden. Dort können sich Zuschauer anmelden und ihre Lieblings-Clips einsenden.",[251,252,253],"card-group",{},[133,254,255],{},[256,257],"img",{"alt":258,"src":259},"domos-einsenden","/images/projects/domos/domos-einsenden.png",[133,261,262],{},"Im Nachgang bewertet die Jury dann die eingesendeten Clips und sucht die Kandidaten für das Voting aus. Dafür gibt es natürlich auch ein Tool:",[251,264,265],{},[133,266,267],{},[256,268],{"alt":269,"src":270},"domos-admin","/images/projects/domos/domos-admin.png",[133,272,273],{},"Die Webseite wird dann in Phase 2 zum Voting umgestellt. Dort können dann Zuschauer in verschiedenen Kategorien für den besten Clip abstimmen.",[133,275,276,277,281,282,285,286,289],{},"Da das Voting meistens im Livestream mit ",[278,279,280],"code",{},"~35.000"," Zuschauern stattfindet gabs es bei der Skalierung einige Challenges. In unserem stärksten Jahr haben wir über ",[278,283,284],{},"230.000"," Votes von mehr als ",[278,287,288],{},"22.000"," Zuschauern bekommen.",[166,291,293],{"id":292},"produktion","Produktion",[133,295,296],{},"Im Jahr 2025 habe ich Zusätzlich noch als neues Mitglied des Teams mitgeholfen die Domos zu planen und zu Produzieren.",[251,298,299],{},[133,300,301],{},[256,302],{"alt":303,"src":304},"domos-team","/images/projects/domos/domos-team.jpg",{"title":203,"searchDepth":204,"depth":204,"links":306},[307],{"id":292,"depth":209,"text":293},"Die DOMOS ist eine Art Award Show rund um entstandende Twitch-Clips von Papaplatte","/images/projects/domos/domos-voting.png",[311,314],{"language":312,"percentage":313},"Nuxt",70,{"language":218,"percentage":315},30,[317],{"label":222,"icon":223,"external":91,"to":318},"https://domos.live",{},"/projects/domos",{"title":238,"description":308},"projects/domos","d6CpUfVpWqFzDyHLsPhuZZDBr6c2BTq0YzQVH3QIU10",{"id":325,"title":326,"body":327,"description":353,"extension":211,"featured":91,"image":354,"languages":355,"links":361,"meta":366,"navigation":91,"path":367,"seo":368,"stem":369,"__hash__":370},"projects/projects/kommt-kevin-online.md","KommtKevinOnline.de",{"type":143,"value":328,"toc":349},[329,332,336,339,343,346],[133,330,331],{},"KommtKevinOnline ist ein automatisiertes Tool, mithilfe dessen man sehen kann, ob der Streamer Papaplatte heute auf Twitch Streamt.",[146,333,335],{"id":334},"das-problem","Das Problem",[133,337,338],{},"Papaplatte verwendet leider nicht die Stream-Planen-Funktion von Twitch. Daher fragen viele Zuschauer im Offline-Chat, wann er online geht. Kevin gibt zwar am Ende seiner Streams immer diese Information bekannt, jedoch macht sich nicht jeder die Mühe um nachzuschauen. Um den Zuschauern die Suche zu erleichtern, bietet dieses Projekt eine einfache Lösung.",[146,340,342],{"id":341},"der-worker","Der Worker",[133,344,345],{},"Der Worker ist ein Programm welches stündlich die Online-Plattform Twitch überwacht, speziell den Kanal von Papaplatte. Ziel ist es, neue vergangen Streams zu identifizieren und herunterzuladen, sobald sie verfügbar sind.",[133,347,348],{},"Nach erfolgreichem Download wird der VOD-Inhalt mithilfe von OpenAI Whisper ein Transkript erstellt. Diese Transkript wird an ChatGPT übermittelt. ChatGPT bewertet dann, ob Papaplatte die Absicht hat, am nächsten Tag einen Stream zu starten. Die ermittelten Daten werden dann in einer Datenbank gespeichert.",{"title":203,"searchDepth":204,"depth":204,"links":350},[351,352],{"id":334,"depth":204,"text":335},{"id":341,"depth":204,"text":342},"Mit diesem Tool kann man auf einen Blink einsehen, ob Papaplatte heute auf Twitch Streamt.","/images/projects/kommtkevinonline.png",[356,359],{"language":357,"percentage":358},"Go",60,{"language":215,"percentage":360},40,[362,364],{"label":222,"icon":223,"external":91,"to":363},"https://kommtkevinonline.de/",{"label":226,"icon":227,"to":365,"external":91},"https://github.com/KommtKevinOnline",{},"/projects/kommt-kevin-online",{"title":326,"description":331},"projects/kommt-kevin-online","RMDYOIYKUPM1w_V766fyVMPn7uiCBylMVB-yC5MZ51k",1772263535976]