[{"data":1,"prerenderedAt":1736},["ShallowReactive",2],{"all-projects":3,"navigation":1663,"socials":1721},[4,37,264,426,657,849,1030,1246],{"id":5,"title":6,"body":7,"card":14,"description":22,"extension":23,"meta":24,"metadata":25,"navigation":26,"path":27,"platform":28,"quote":25,"quoteAuthor":25,"seo":29,"sitemap":30,"stem":31,"subtitle":32,"summary":33,"technologies":34,"__hash__":36},"projects\u002Faltruid-systems.md","Investment Fund Rebranding",{"type":8,"value":9,"toc":10},"minimark",[],{"title":11,"searchDepth":12,"depth":12,"links":13},"",2,[],{"title":6,"summary":15,"image":16,"logo":17,"order":20,"background":21},"A complete visual rebrand for an investment fund, giving them a cohesive, professional identity across every touchpoint - logo, letterhead and email signatures.","portfolio\u002Faltruid-systems\u002Fcard-image.png",{"width":18,"src":19},136,"portfolio\u002Faltruid-systems\u002Flogo.png",10,"#0d1a4c","Rebranding for Altruid Systems, an alternative investments software solution","md",{},null,true,"\u002Faltruid-systems","Web, Email",{"title":6,"description":22},{"loc":27},"altruid-systems","Rebranding","Rebranding for Altruid Systems, an alternative investments software solution, giving them a cohesive, professional identity across every touchpoint - logo, letterhead and email signatures.",[35],"Design & UX","jFs1mvFRLxRHUKp_6U3BygH-LIXoLXZqeXM4TPgrur0",{"id":38,"title":39,"body":40,"card":239,"description":248,"extension":23,"meta":249,"metadata":250,"navigation":26,"path":253,"platform":254,"quote":25,"quoteAuthor":25,"seo":255,"sitemap":256,"stem":257,"subtitle":258,"summary":259,"technologies":260,"__hash__":263},"projects\u002Fcolor-magic.md","AI Color Palette Generator",{"type":8,"value":41,"toc":232},[42,47,51,69,72,76,79,116,120,145,152,156,159,197,200,204,213,229],[43,44,46],"h2",{"id":45},"ai-web-app-development","AI web app development",[48,49,50],"p",{},"Our team rebuilt ColorMagic.app and introduced new tools and features to the existing AI colour palette generator. The web application turns any keyword, brand name, image and hex code into a matching colour scheme within seconds. Since its launch, users have generated generated over 4 million palettes, and the platform has grown to serve more than 800,000 designers worldwide.",[52,53,54],"blockquote",{},[48,55,56,63,64,68],{},[57,58,62],"a",{"href":59,"rel":60},"https:\u002F\u002Fcolormagic.app\u002F",[61],"nofollow","ColorMagic.app"," is an ",[65,66,67],"strong",{},"AI colour palette generator",". Users can enter a theme, upload an image or provide a hex code to create harmonious colour combinations, complete with CSS, gradients and downloadable swatches.",[48,70,71],{},"The platform is designed for both digital artists and people without design experience. It therefore needed to be visually engaging, easy to use and accessible across desktop and mobile devices, and discoverable in search results. With millions of colour palettes, server-side rendering was used to support fast page loading and effective SEO.",[43,73,75],{"id":74},"web-development-services-for-an-ai-saas-product","Web development services for an AI SaaS product",[48,77,78],{},"Our project manager, UI\u002FUX designer and software engineers delivered the complete redevelopment of the application and introduced new functionality, including:",[80,81,82,86,89,92,95,98,101,104,107,110,113],"ul",{},[83,84,85],"li",{},"Product and web app architecture",[83,87,88],{},"OpenAI API integration and prompt engineering",[83,90,91],{},"UI\u002FUX design for the colour generator, palette pages and supporting tools",[83,93,94],{},"Front-end and back-end development using Nuxt.js",[83,96,97],{},"Database redesign for palettes, user accounts and saved favourites",[83,99,100],{},"Image-based colour extraction",[83,102,103],{},"Colour contrast and accessibility tools",[83,105,106],{},"Server-side rendering",[83,108,109],{},"Responsive development for desktop and mobile",[83,111,112],{},"SEO optimisation",[83,114,115],{},"Project management and delivery.",[43,117,119],{"id":118},"tech-stack-for-an-ai-colour-palette-generator","Tech stack for an AI colour palette generator",[80,121,122,133,139],{},[83,123,124,127,128,132],{},[65,125,126],{},"Framework:"," ",[57,129,131],{"href":130},"\u002Fvue-js-development-services","Nuxt.js"," supports server-side rendering, responsive user interfaces and fast page delivery across the platform’s palette and design-tool pages.",[83,134,135,138],{},[65,136,137],{},"AI integration:"," OpenAI API generates palettes from user prompts. Prompt design, response validation and caching help produce reliable results while managing performance and API costs.",[83,140,141,144],{},[65,142,143],{},"Database:"," MySQL stores generated palettes, user accounts, saved favourites and application data.",[48,146,147,148,151],{},"Together, ",[65,149,150],{},"Nuxt.js, OpenAI and MySQL"," stack helped us to redevelop the application, launch new features and improve its performance and search visibility.",[43,153,155],{"id":154},"ai-web-app-features","AI web app features",[48,157,158],{},"This platform includes:",[80,160,161,164,167,170,173,176,179,182,185,188,191,194],{},[83,162,163],{},"AI colour palette generation from keywords, brand names or hex codes",[83,165,166],{},"Colour extraction from uploaded images and photos",[83,168,169],{},"CSS gradient generator with copy-ready code",[83,171,172],{},"A colour mixer for blending and adjusting colours",[83,174,175],{},"A random colour generator",[83,177,178],{},"Colour contrast checking",[83,180,181],{},"User accounts and saved favourites",[83,183,184],{},"Palette downloads as PNG files",[83,186,187],{},"Copy-ready CSS and hex values",[83,189,190],{},"A searchable library of curated colour palettes",[83,192,193],{},"Responsive UI\u002FUX for desktop and mobile",[83,195,196],{},"Server-side rendered pages optimised for SEO.",[198,199],"hr",{},[43,201,203],{"id":202},"hire-developers-for-your-ai-powered-web-app","Hire developers for your AI-powered web app",[52,205,206],{},[48,207,208,209,212],{},"Planning to add AI features to your product or build a new AI-powered SaaS platform? Our developers have practical experience with ",[57,210,211],{"href":130},"Vue.js and Nuxt.js development"," and OpenAI API integration. We can help you plan the architecture, design the user experience, integrate AI functionality and develop a fast, scalable and SEO-friendly web application.",[214,215,219],"div",{"dataCmsId":216,"className":217},"cta-button",[218],"align-center",[214,220,223],{"className":221},[222],"button",[57,224,228],{"href":225,"className":226},"\u002Fcontact",[227],"cta","Get in touch",[230,231],"br",{},{"title":11,"searchDepth":12,"depth":12,"links":233},[234,235,236,237,238],{"id":45,"depth":12,"text":46},{"id":74,"depth":12,"text":75},{"id":118,"depth":12,"text":119},{"id":154,"depth":12,"text":155},{"id":202,"depth":12,"text":203},{"title":39,"summary":240,"hubSummary":241,"image":242,"logo":243,"order":246,"background":247},"An AI-powered web application that creates colour palettes from keywords, images and hex codes.","An AI-powered web application that creates colour palettes from keywords, images and hex codes. ColorMagic is used by more than 800,000 designers and digital artists worldwide.","portfolio\u002Fcolormagic\u002Fcolor-magic-card-image.png",{"width":244,"src":245},220,"companies\u002Fcolor-magic-logo.svg",7,"#f4f4f4","An AI colour palette generator built with Nuxt.js, MySQL and the OpenAI API.",{},{"title":251,"description":252},"AI Web App Development with Nuxt.js & OpenAI","See how IT Club rebuilt and expanded ColorMagic.app, an AI colour palette generator, using Nuxt.js, MySQL and OpenAI API.","\u002Fcolormagic","Web",{"title":39,"description":248},{"loc":253},"color-magic","UI\u002FUX | AI web app development","We rebuilt and expanded this AI-powered colour palette generator, which is used by more than 800,000 designers and digital artists worldwide. The app helps create colour schemes, extract colours from images, check colour contrast and and access other practical design tools. The platform was redeveloped using Nuxt.js, MySQL and the OpenAI API.",[131,261,262],"OpenAI API","MySQL","OIdciGk2Lp9Wjxfw3iHqtuXzVLt21vdwbMjfGpnBd4A",{"id":265,"title":266,"body":267,"card":403,"description":410,"extension":23,"meta":411,"metadata":412,"navigation":26,"path":415,"platform":254,"quote":416,"quoteAuthor":417,"seo":418,"sitemap":419,"stem":420,"subtitle":421,"summary":422,"technologies":423,"__hash__":425},"projects\u002Fnathan-nankervis.md","Animated Artist Portfolio Website",{"type":8,"value":268,"toc":396},[269,273,280,290,293,297,324,330,334,337,359,363,373,375,379,385,394],[43,270,272],{"id":271},"artist-portfolio-web-development","Artist portfolio web development",[48,274,275,276,279],{},"An artist's website has one job: to make the work feel as good on screen as it does in person. For ",[65,277,278],{},"NathanNankervis.com",", our team developed an animated portfolio website for one of Australia's most versatile creatives - pairing a Nuxt.js front-end with a headless CMS, fluid animations and motion-led interactions.",[52,281,282],{},[48,283,284,289],{},[57,285,288],{"href":286,"rel":287},"https:\u002F\u002Fnathannankervis.com\u002F",[61],"Nathan Nankervis"," is a Melbourne-based multidisciplinary artist, illustrator and designer whose work spans fine art, sculpture, furniture, apparel and public art He has collaborated with brands including Nike, Cartier, Swatch and PlayStation. His studio website showcases his growing body of work and connects visitors with his Shopify store, where they can can buy limited pieces.",[48,291,292],{},"The portfolio is the heart of the website, so every scroll, hover and transition had to feel considered. The animation is an important part of Nathan’s distinctive creative identity.",[43,294,296],{"id":295},"tech-stack-for-an-animated-portfolio","Tech stack for an animated portfolio",[80,298,299,306,312,318],{},[83,300,301,127,303,305],{},[65,302,126],{},[57,304,131],{"href":130}," - the Vue.js framework - for server-side rendering, fast page loads and SEO-friendly project pages.",[83,307,308,311],{},[65,309,310],{},"Headless CMS:"," Contentful allows Nathan publish new artworks, projects and case studies through a clean editorial interface.",[83,313,314,317],{},[65,315,316],{},"E-commerce:"," A direct connection to Nathan's Shopify store, keeping his portfolio and online shop separated.",[83,319,320,323],{},[65,321,322],{},"Animation:"," A custom animation layer for scroll-triggered reveals, hover interactions and smooth page transitions that make the portfolio feel alive.",[48,325,147,326,329],{},[65,327,328],{},"Nuxt.js and Contentful"," give Nathan a lightning-fast, editorially flexible portfolio that connects visitors directly to his Shopify store without compromising on the heavy, expressive animation the brand is known for.",[43,331,333],{"id":332},"portfolio-features","Portfolio features",[48,335,336],{},"The artist portfolio website includes:",[80,338,339,342,345,348,351,354],{},[83,340,341],{},"An animated, editorially-curated collection of artwork, furniture, apparel and public work",[83,343,344],{},"Individual projects with imagery, video and detailed captions",[83,346,347],{},"Contentful headless CMS for content publishing",[83,349,350],{},"Scroll-triggered animations, hover interactions and smooth page transitions",[83,352,353],{},"Fast image delivery for a media-heavy, visual-first site",[83,355,356,357],{},"Direct access to Nathan’s Shopify store\n",[230,358],{},[43,360,362],{"id":361},"in-nathans-words","In Nathan's words",[52,364,365],{},[48,366,367,368,370,372],{},"“Elena and Ruslan were an absolute breeze to work with and I would not be able to share my creativity with the world if it wasn't for extremely talented people like them. You are a master of the interwebs and I'm looking forward to continuing working with you.”",[230,369],{},[230,371],{}," - Nathan, Artist",[198,374],{},[43,376,378],{"id":377},"build-a-portfolio-website-that-brings-your-work-to-life","Build a portfolio website that brings your work to life",[48,380,381,382,384],{},"Planning a portfolio, Shopify store, or visually rich website? Our developers have hands-on experience with ",[57,383,211],{"href":130},", headless CMS platforms like Contentful and Shopify e-commerce. We can help you build a fast, animated, easy-to-manage website that presents your work at its best.",[214,386,388],{"dataCmsId":216,"className":387},[218],[214,389,391],{"className":390},[222],[57,392,228],{"href":225,"className":393},[227],[230,395],{},{"title":11,"searchDepth":12,"depth":12,"links":397},[398,399,400,401,402],{"id":271,"depth":12,"text":272},{"id":295,"depth":12,"text":296},{"id":332,"depth":12,"text":333},{"id":361,"depth":12,"text":362},{"id":377,"depth":12,"text":378},{"title":266,"summary":404,"image":405,"logo":406,"order":409,"background":247},"An animated portfolio for Melbourne-based multidisciplinary artist Nathan Nankervis.","portfolio\u002Fnathan-nankervis-card-image.png",{"width":407,"src":408},200,"companies\u002Fnathan-nankervis_secondary_logo_wobble_face.avif",3,"An animated portfolio website built with Nuxt.js and Contentful, linking through to a Shopify store.",{},{"title":413,"description":414},"Artist Portfolio Website Development with Nuxt.js","How we built nathannankervis.com, an animated artist portfolio, with Nuxt.js, a Contentful headless CMS and rich scroll animations, linked to his Shopify store.","\u002Fnathannankervis","Elena and Ruslan were an absolute breeze to work with and I would not be able to share my creativity with the world without them.","Nathan Nankervis, Artist",{"title":266,"description":410},{"loc":415},"nathan-nankervis","Website development","An animated portfolio for Melbourne-based multidisciplinary artist Nathan Nankervis. Built with Nuxt.js and Contentful, the site makes it easy to showcase Nathan’s work and directs visitors to his Shopify store.",[131,424],"Contentful","C_GXJWfsRFXWoY1XobXup4kOD8jYJZnLpSm5zYvhde8",{"id":427,"title":428,"body":429,"card":637,"description":646,"extension":23,"meta":647,"metadata":25,"navigation":26,"path":648,"platform":254,"quote":25,"quoteAuthor":25,"seo":649,"sitemap":650,"stem":651,"subtitle":652,"summary":653,"technologies":654,"__hash__":656},"projects\u002Fschool-holidays.md","Custom Two-Sided Marketplace",{"type":8,"value":430,"toc":630},[431,435,442,455,458,470,474,481,506,510,519,542,546,553,603,605,609,619,628],[43,432,434],{"id":433},"e-commerce-platform-web-development","E-commerce Platform Web Development",[48,436,437,438,441],{},"As most of our team members are parents, we were extremely excited to be involved in the web development of a ",[65,439,440],{},"custom-built e-commerce platform"," for families with kids - schoolholidays.com.au. This project has a great mission and brings so much value to Australian families with kids.",[52,443,444],{},[48,445,446,63,451,454],{},[57,447,450],{"href":448,"rel":449},"https:\u002F\u002Fschoolholidays.com.au\u002F",[61],"schoolholidays.com.au",[65,452,453],{},"e-commerce platform"," for families that connects small and large Australian service providers, including government organisations, with parents. This app helps parents and carers plan their children’s school holidays, extracurriculars and after school time.",[48,456,457],{},"Our team enjoyed being involved in the web development of this unique marketplace. We worked hard and are proud to show you the results. Check it out! It's zippy, clean and has some great features and capabilities.",[48,459,460,127,466,468],{},[461,462],"img",{"alt":463,"src":464,"title":465},"schoolholidays.com.au - branding, design UX and web development","\u002Fuploads\u002FMarketplace_e-commerce_custom_solution_development_listing_activity_page_promotional_offer_UI_UX.jpg","Branding UI\u002FUX design and web development for schoolholidays.com.au",[230,467],{},[230,469],{},[43,471,473],{"id":472},"web-development-services-for-a-custom-built-e-commerce-platform","Web development services for a custom-built e-commerce platform",[48,475,476,477,480],{},"Our team of talented project managers, UI\u002FUX designers and software engineers provided our client with ",[65,478,479],{},"a wide range of web development services"," to build this unique app for the Australian market, such as:",[80,482,483,488,493,498,501,503],{},[83,484,485,486],{},"creating the web app architecture",[230,487],{},[83,489,490,491],{},"UI\u002FUX design",[230,492],{},[83,494,495,496],{},"front-end development",[230,497],{},[83,499,500],{},"back-end development",[83,502,112],{},[83,504,505],{},"Project management.",[43,507,509],{"id":508},"tech-stack-for-e-commerce-platform","Tech stack for e-commerce platform",[48,511,512,513,516,517],{},"The ",[65,514,515],{},"frameworks"," that our web developers used include:",[230,518],{},[48,520,521,127,524,529,530,127,532,535,536,127,538,541],{},[65,522,523],{},"Frontend:",[57,525,528],{"href":526,"rel":527},"https:\u002F\u002Fitclub.com.au\u002Fvue-js-development-services",[61],"Vue.js"," \u002F Nuxt.js",[230,531],{},[65,533,534],{},"Backend:"," Node.js",[230,537],{},[65,539,540],{},"Cloud Servers \u002F Serverless infrastructure:"," A combination of servers and serverless has been used for different modules of the web application.",[43,543,545],{"id":544},"marketplace-features","Marketplace Features",[48,547,548,549,552],{},"Some of the ",[65,550,551],{},"main features"," of this e-commerce website include:",[80,554,555,558,561,564,567,570,573,576,579,582,585,588,591,594,597,600],{},[83,556,557],{},"API development",[83,559,560],{},"Fully-responsive website with a lightning-fast site search (Algolia)",[83,562,563],{},"Custom-built e-commerce platform",[83,565,566],{},"Custom-built CMS",[83,568,569],{},"Business (tenants) registration and management",[83,571,572],{},"Listing registration and management",[83,574,575],{},"Product registration and management",[83,577,578],{},"Admin side for Super Admins and registered businesses",[83,580,581],{},"Offers and coupons and their management",[83,583,584],{},"Custom-built checkout",[83,586,587],{},"Payment integrations (Stripe)",[83,589,590],{},"Ticketing solution",[83,592,593],{},"Competitions module",[83,595,596],{},"Affiliates and Partner management",[83,598,599],{},"Responsive UI\u002FUX design",[83,601,602],{},"Progressive web application (PWA).",[198,604],{},[43,606,608],{"id":607},"hire-javascript-experts-for-your-e-commerce-site-web-project-or-idea","Hire JavaScript experts for your e-commerce site, web project or idea",[52,610,611],{},[48,612,613,614,618],{},"Need a consult for your project or a team of extremely talented web developers? Chat with us. Our experienced Vue.js and Node.js developers have helped many startups and established Australian businesses to build ",[57,615,617],{"href":616},"\u002Fcase-studies","server-side rendered web applications",". Our team is ready to help you!",[214,620,622],{"dataCmsId":216,"className":621},[218],[214,623,625],{"className":624},[222],[57,626,228],{"href":225,"className":627},[227],[230,629],{},{"title":11,"searchDepth":12,"depth":12,"links":631},[632,633,634,635,636],{"id":433,"depth":12,"text":434},{"id":472,"depth":12,"text":473},{"id":508,"depth":12,"text":509},{"id":544,"depth":12,"text":545},{"id":607,"depth":12,"text":608},{"title":638,"summary":639,"hubSummary":640,"image":641,"logo":642,"order":645,"background":247},"E-commerce Platform","A two-sided marketplace that connects Australian families with school holiday activities.","A two-sided marketplace that connects Australian families with school holiday activities. An e-commerce experience used by thousands of Australian families every month.","portfolio\u002Fschoolholidays\u002Fcard-image.png",{"width":643,"src":644},230,"portfolio\u002Fschoolholidays\u002Flogo.png",1,"An e-commerce platform and two-sided marketplace built with Vue.js, Nuxt.js, Node.js, Algolia, AWS, Vercel.",{},"\u002Fschoolholidays",{"title":428,"description":646},{"loc":648},"school-holidays","UI\u002FUX | E-commerce platform development","A custom two-sided marketplace that connects Australian families with school holiday activities. Built with Vue.js, Nuxt.js, Node.js, Algolia, AWS, Vercel.",[528,131,655],"Node.js","MoLxWkwpAv222K_QvLT8jNhjYdEpFBb1mNNxzFyv1d0",{"id":658,"title":659,"body":660,"card":824,"description":832,"extension":23,"meta":833,"metadata":834,"navigation":26,"path":837,"platform":254,"quote":25,"quoteAuthor":25,"seo":838,"sitemap":839,"stem":840,"subtitle":841,"summary":842,"technologies":843,"__hash__":848},"projects\u002Fsong-quiz.md","Multiplayer Music Game",{"type":8,"value":661,"toc":817},[662,666,677,686,689,693,696,715,719,722,752,759,763,766,791,793,797,806,815],[43,663,665],{"id":664},"real-time-multiplayer-game-development","Real-time multiplayer game development",[48,667,668,669,672,673,676],{},"Rebuilding a browser game where several players compete in the same room at the same time is a very different challenge from developing a classic website. For ",[65,670,671],{},"SongQuiz.io",", our team redesigned and rebuilt the existing ",[65,674,675],{},"real-time multiplayer music quiz game"," as a fast and responsive web app. The new version has improved UI\u002FUX and keeps players, scores and game rounds synchronised across every device.",[52,678,679],{},[48,680,681,685],{},[57,682,671],{"href":683,"rel":684},"https:\u002F\u002Fsongquiz.io\u002F",[61]," is a free online guess-the-song game. Players choose a playlist, listen to short audio clips and identify the song title and artist from the available options. They can play solo, with friends in private multiplayer rooms or take part in a daily Heardle-style challenge.",[48,687,688],{},"The game runs entirely in the browser, with no downloads or registration. This means every interaction must feel immediate: pages have to load quickly, audio has to start without delay, and scores have to update for every player in real time.",[43,690,692],{"id":691},"web-development-services-for-a-multiplayer-browser-game","Web development services for a multiplayer browser game",[48,694,695],{},"Our project manager, UI\u002FUX designer and software engineers delivered the complete redevelopment of the web application, including:",[80,697,698,701,704,707,710,713],{},[83,699,700],{},"UI\u002FUX design for desktop and mobile",[83,702,703],{},"Front-end development with Svelte",[83,705,706],{},"Back-end development with Node.js and WebSockets",[83,708,709],{},"Database design and query optimisation",[83,711,712],{},"SEO optimisation to support organic growth",[83,714,115],{},[43,716,718],{"id":717},"tech-stack-for-a-real-time-multiplayer-game","Tech stack for a real-time multiplayer game",[48,720,721],{},"Low latency was one of the main technical requirements, so our engineers chose a tech stack built for speed:",[80,723,724,729,735,741,747],{},[83,725,726,728],{},[65,727,523],{}," Svelte - a compiler-based JavaScript framework that produces lightweight applications and keeps the game interface responsive even on older mobile devices.",[83,730,731,734],{},[65,732,733],{},"Real-time layer:"," WebSockets provide two-way communication between the browser and server. Guesses, scores and round changes are sent to every player instantly rather than repeatedly requested by the browser.",[83,736,737,740],{},[65,738,739],{},"Back end",": Node.js manages the game logic, player actions and communication between connected users.",[83,742,743,746],{},[65,744,745],{},"In-memory data:"," Redis stores live game state, room activity and real-time messaging between server instances - the key to scaling multiplayer rooms horizontally. It help the application support multiple multiplayer rooms.",[83,748,749,751],{},[65,750,143],{}," PostgreSQL stores persistent data such as playlists, song metadata, daily challenges and player statistics.",[48,753,754,755,758],{},"This combination of ",[65,756,757],{},"Svelte, Node.js, WebSockets, Redis and PostgreSQL"," allows the game handle many concurrent rooms while keeping every player's screen in sync.",[43,760,762],{"id":761},"multiplayer-game-features","Multiplayer game features",[48,764,765],{},"The rebuilt music trivia web application includes:",[80,767,768,771,774,777,780,783,786,788],{},[83,769,770],{},"Real-time multiplayer rooms",[83,772,773],{},"Private rooms with custom invite codes",[83,775,776],{},"Public multiplayer rooms",[83,778,779],{},"A daily Heardle-style song challenge",[83,781,782],{},"Music Trivia Arcade mode with autoplay",[83,784,785],{},"Quizzes by various music genres",[83,787,193],{},[83,789,790],{},"SEO-optimised landing pages",[198,792],{},[43,794,796],{"id":795},"hire-developers-for-your-real-time-web-application","Hire developers for your real-time web application",[52,798,799],{},[48,800,801,802,805],{},"Multiplayer games, live dashboards, chat platforms, auctions and collaborative tools - anything where users see each other's actions instantly needs a reliable real-time architecture. Our experienced JavaScript developers have rebuilt and developed ",[57,803,804],{"href":616},"web applications"," with Node.js, WebSockets, Redis and PostgreSQL and can help you modernise an existing application, improve its performance or choose the right tech stack for a new real-time project.",[214,807,809],{"dataCmsId":216,"className":808},[218],[214,810,812],{"className":811},[222],[57,813,228],{"href":225,"className":814},[227],[230,816],{},{"title":11,"searchDepth":12,"depth":12,"links":818},[819,820,821,822,823],{"id":664,"depth":12,"text":665},{"id":691,"depth":12,"text":692},{"id":717,"depth":12,"text":718},{"id":761,"depth":12,"text":762},{"id":795,"depth":12,"text":796},{"title":659,"summary":825,"hubSummary":826,"image":827,"logo":828,"order":831,"background":247},"A real-time multiplayer music quiz where players guess songs in the browser.","A real-time browser-based music quiz where players guess songs. We rebuilt the platform to support synchronised multiplayer rooms, daily challenges and solo trivia for thousands users each month.","portfolio\u002Fsongquiz\u002Fsong-quiz-card-image.png",{"width":829,"src":830},173,"companies\u002Fsong-quiz-long-logo.png",4,"A real-time multiplayer browser game built with Svelte, WebSockets, Node.js, Redis and PostgreSQL.",{},{"title":835,"description":836},"Real-Time Multiplayer Game Development with Svelte","See how IT Club rebuilt SongQuiz.io using Svelte, Node.js, WebSockets, Redis and PostgreSQL to deliver fast, synchronised multiplayer gameplay.","\u002Fsongquiz",{"title":659,"description":832},{"loc":837},"song-quiz","UI\u002FUX | Real-time multiplayer game development","We rebuilt and modernised an existing multiplayer music quiz where players guess songs together in the browser in real time. Built with Svelte, WebSockets, Node.js, Redis and PostgreSQL.",[844,845,655,846,847],"Svelte","WebSockets","Redis","PostgreSQL","cmL7Ctg15-xpw-oUGM1O64FOaCCqeViFJ7t4_2IKDnY",{"id":850,"title":851,"body":852,"card":1009,"description":1016,"extension":23,"meta":1017,"metadata":1018,"navigation":26,"path":1021,"platform":254,"quote":25,"quoteAuthor":25,"seo":1022,"sitemap":1023,"stem":1024,"subtitle":1025,"summary":1026,"technologies":1027,"__hash__":1029},"projects\u002Fspotify-stats.md","Music Analytics Platform",{"type":8,"value":853,"toc":1002},[854,858,861,871,874,878,885,914,918,940,946,950,953,976,978,982,991,1000],[43,855,857],{"id":856},"laravel-web-development-with-third-party-api-integration","Laravel web development with third-party API integration",[48,859,860],{},"SpotifyStats.com is built around the Spotify Web API. This made secure authentication, data caching and fast response times central to the development process.",[52,862,863],{},[48,864,865,870],{},[57,866,869],{"href":867,"rel":868},"https:\u002F\u002Fspotifystats.com\u002F",[61],"SpotifyStats.com"," is a music analytics platform that allows listeners to connect their Spotify account and explore their top artists, most streamed tracks, favourite genres and recently played music.",[48,872,873],{},"Users expect to see their personalised listening data within seconds of connecting their account, regardless of the device they use. The web application has to retrieve, process and present Spotify data quickly.",[43,875,877],{"id":876},"web-development-services-for-a-music-analytics-application","Web development services for a music analytics application",[48,879,880,881,884],{},"Our UI\u002FUX designer and ",[65,882,883],{},"Laravel developer"," delivered this project from planning through to launch, including:",[80,886,887,890,893,896,899,902,905,908,910,912],{},[83,888,889],{},"Web app architecture built around the Spotify Web API",[83,891,892],{},"Secure OAuth 2.0 authorisation flow",[83,894,895],{},"UI\u002FUX design for music analytics dashboards",[83,897,898],{},"Back-end development using Laravel",[83,900,901],{},"Spotify API integration",[83,903,904],{},"API response caching and rate-limit management",[83,906,907],{},"MySQL database design",[83,909,109],{},[83,911,112],{},[83,913,115],{},[43,915,917],{"id":916},"tech-stack-for-a-spotify-powered-web-application","Tech stack for a Spotify-powered web application",[80,919,920,929,934],{},[83,921,922,127,924,928],{},[65,923,534],{},[57,925,927],{"href":926},"\u002Flaravel-development-services","Laravel"," provides the application structure, business logic, authentication processes and integration layer for the Spotify Web API.",[83,930,931,933],{},[65,932,143],{}," MySQL stores user profiles, cached listening and other application data.",[83,935,936,939],{},[65,937,938],{},"API Integration:"," The Spotify Web API with the full OAuth 2.0 authorisation-code flow, token refresh handling, and smart caching so repeat visits load instantly without hammering the API or hitting rate limits.",[48,941,942,945],{},[65,943,944],{},"PHP, Laravel and MySQL"," provide a reliable and cost-effective foundation for API-driven web applications - fast to build, easy to host and flexible to maintain as the product grows.",[43,947,949],{"id":948},"music-analytics-features","Music analytics features",[48,951,952],{},"The application includes:",[80,954,955,958,961,964,967,970,973],{},[83,956,957],{},"One-click connection to Spotify using OAuth 2.0",[83,959,960],{},"Top artists rankings across three time periods",[83,962,963],{},"Most streamed tracks across three time periods",[83,965,966],{},"Music genre analysis based on listening history",[83,968,969],{},"Cached Spotify API responses for faster repeat visits",[83,971,972],{},"Secure token storage and automatic token refresh",[83,974,975],{},"Responsive design for desktop and mobile",[198,977],{},[43,979,981],{"id":980},"hire-laravel-developers-for-your-api-integration-project","Hire Laravel developers for your API integration project",[52,983,984],{},[48,985,986,987,990],{},"Integrating a third-party service such as Spotify, Stripe, Xero or Shopify involves more than simply connecting an AP: OAuth, webhooks, rate limits,  caching, security and error handling. Our experienced ",[57,988,989],{"href":926},"Laravel developers"," build secure, API-driven web applications and can help you plan the architecture, integrate third-party services and bring your product to market fast.",[214,992,994],{"dataCmsId":216,"className":993},[218],[214,995,997],{"className":996},[222],[57,998,228],{"href":225,"className":999},[227],[230,1001],{},{"title":11,"searchDepth":12,"depth":12,"links":1003},[1004,1005,1006,1007,1008],{"id":856,"depth":12,"text":857},{"id":876,"depth":12,"text":877},{"id":916,"depth":12,"text":917},{"id":948,"depth":12,"text":949},{"id":980,"depth":12,"text":981},{"title":851,"summary":1010,"hubSummary":1011,"image":1012,"logo":1013,"order":1015,"background":247},"A Spotify analytics web application that helps listeners explore their top artists, most streamed tracks, favourite genres and listening habits.","A Spotify analytics web application that helps listeners explore their top artists, most streamed tracks, favourite genres and listening habits. The platform provides secure Spotify account connection and fast, personalised music insights to thousands of users each month.","portfolio\u002Fspotifystats\u002Fspotify-stats-card-image.png",{"width":407,"src":1014},"companies\u002Fspotify-stats-logo.png",5,"A Spotify analytics web application built with Laravel, MySQL and Spotify Web API integration.",{},{"title":1019,"description":1020},"Laravel Development & Spotify API Integration","See how IT Club built SpotifyStats.com using Laravel, MySQL and the Spotify Web API, with secure OAuth login, caching and personalised music insights.","\u002Fspotifystats",{"title":851,"description":1016},{"loc":1021},"spotify-stats","UI\u002FUX | Laravel development | API integration","A Spotify analytics web application that helps listeners explore their top artists, most streamed tracks, favourite genres and listening habits. Designed and developed using Laravel, MySQL and the Spotify Web API.",[927,262,1028],"Spotify API","3KfleMsToT5c2TAgpOw5X_bWNVDbIdxxiEQ2dMPR-TA",{"id":1031,"title":1032,"body":1033,"card":1223,"description":1230,"extension":23,"meta":1231,"metadata":1232,"navigation":26,"path":1235,"platform":254,"quote":1236,"quoteAuthor":1237,"seo":1238,"sitemap":1239,"stem":1240,"subtitle":1241,"summary":1242,"technologies":1243,"__hash__":1245},"projects\u002Fterran-industries.md","Sustainability B2B Website",{"type":8,"value":1034,"toc":1215},[1035,1039,1046,1060,1067,1074,1078,1085,1111,1115,1137,1144,1148,1151,1176,1180,1190,1192,1196,1204,1213],[43,1036,1038],{"id":1037},"uiux-design-website-development","UI\u002FUX design & website development",[48,1040,1041,1042,1045],{},"A sustainability company’s website should feel as considered as its mission. For the original version of TerranIndustries.com.au, our team delivered the complete ",[65,1043,1044],{},"UI\u002FUX design and website development"," - turning a broad B2B sustainability offering into a clear, easy-to-use website built with Next.js and Contentful.",[52,1047,1048],{},[48,1049,1050,1055,1056,1059],{},[57,1051,1054],{"href":1052,"rel":1053},"https:\u002F\u002Fterranindustries.com.au\u002F",[61],"Terran Industries"," is an Australian company that helps businesses replace single-use plastics and synthetic products with ",[65,1057,1058],{},"eco-friendly, sustainable alternatives",". It connects companies with sustainable products, recycling providers, buyers for excess material and sustainability specialists - making the transition to a circular economy simpler and more achievable.",[48,1061,1062,1063,1066],{},"The website had to do two things at once: clearly explain a wide range of services and let businesses tell Terran Industries exactly what they needed. To support this, we created a custom ",[65,1064,1065],{},"\"Find Alternatives\" selection tool",", where a visitor selects the products and waste services they want greener options for. Their selections are then included in a single enquiry.",[48,1068,1069,1070,1073],{},"The Terran Industries team also needed to manage their services, packages, team members and website content independently, so a ",[65,1071,1072],{},"headless CMS"," was essential.",[43,1075,1077],{"id":1076},"web-development-services-for-a-sustainability-website","Web development services for a sustainability website",[48,1079,1080,1081,1084],{},"Our designer and software engineers delivered the complete ",[65,1082,1083],{},"UI\u002FUX design and development"," of the foriginal Terran Industries website, including:",[80,1086,1087,1090,1093,1096,1099,1102,1105,1108],{},[83,1088,1089],{},"UI\u002FUX design across the homepage, About, How It Works, What We Do, Services, How It Works, Blog and supporting pages",[83,1091,1092],{},"Design and development of the interactive \"Find Alternatives\" tool",[83,1094,1095],{},"Front-end development with Next.js",[83,1097,1098],{},"Headless CMS configuration and content modelling in Contentful",[83,1100,1101],{},"A dynamic enquiry form that includes each visitor's products and services",[83,1103,1104],{},"Responsive development across desktop, tablet and mobile",[83,1106,1107],{},"Performance optimisation and SEO foundations",[83,1109,1110],{},"Project management, testing and delivery.",[43,1112,1114],{"id":1113},"technology-used-to-build-the-sustainability-website","Technology used to build the sustainability website",[80,1116,1117,1123,1132],{},[83,1118,1119,1122],{},[65,1120,1121],{},"UI\u002FUX design:"," A clean, approachable interface designed around Terran Industries' brand and illustrations, guiding visitors from initial exploration to enquiry.",[83,1124,1125,127,1127,1131],{},[65,1126,126],{},[57,1128,1130],{"href":1129},"\u002Freact-js-development-services","Next.js",", a React framework that supports fast page loads, server-side rendering and a reusable component architecture.",[83,1133,1134,1136],{},[65,1135,310],{}," Contentful, allowing the Terran Industries team can manage services, team members and blog posts through a structured editorial interface, independent of the code.",[48,1138,1139,1140,1143],{},"The combination of ",[65,1141,1142],{},"Next.js and Contentful"," produced a fast, maintainable website with a custom enquiry tool at its centre, giving Terran Industries a strong foundation for launching its business.",[43,1145,1147],{"id":1146},"website-features","Website features",[48,1149,1150],{},"The main features of this sustainability website include:",[80,1152,1153,1156,1159,1162,1165,1168,1171],{},[83,1154,1155],{},"An interactive \"Find alternatives\" tool for selecting products and waste services",[83,1157,1158],{},"A single enquiry form that includes the visitor's selections",[83,1160,1161],{},"Some page content and blog posts managed in Contentful",[83,1163,1164],{},"Service packages and a \"book an appointment\" flow",[83,1166,1167],{},"Team, partners and newsletter sections",[83,1169,1170],{},"Fully-responsive layouts across desktop, tablet and mobile",[83,1172,1173,1174],{},"An SEO-friendly website structure and metadata for organic search visibility.\n",[230,1175],{},[43,1177,1179],{"id":1178},"what-terran-industries-say","What Terran Industries say",[52,1181,1182],{},[48,1183,1184,1185,1187,1189],{},"Elena and her team are incredible! I could not be happier with the website she designed for me - it was beyond my expectations! She is full of knowledge and advice, and will always deliver you the best outcome. I will definitely be working with her on my next project.",[230,1186],{},[230,1188],{}," - Evannah, Founder of Terran Industries",[198,1191],{},[43,1193,1195],{"id":1194},"planning-a-new-business-website","Planning a new business website?",[48,1197,1198,1199,1203],{},"Launching a business or rebuilding an existing website? Our designers and ",[57,1200,1202],{"href":1201},"\u002Fnext-js-framework","Next.js developers"," create fast, professional websites using modern headless CMS platforms such as Contentful - so your team can manage its content with ease.",[214,1205,1207],{"dataCmsId":216,"className":1206},[218],[214,1208,1210],{"className":1209},[222],[57,1211,228],{"href":225,"className":1212},[227],[230,1214],{},{"title":11,"searchDepth":12,"depth":12,"links":1216},[1217,1218,1219,1220,1221,1222],{"id":1037,"depth":12,"text":1038},{"id":1076,"depth":12,"text":1077},{"id":1113,"depth":12,"text":1114},{"id":1146,"depth":12,"text":1147},{"id":1178,"depth":12,"text":1179},{"id":1194,"depth":12,"text":1195},{"title":1032,"summary":1224,"image":1225,"logo":1226,"order":1229,"background":247},"A website for TerranIndustries.com.au, offering eco-friendly alternatives to single-use plastics.","portfolio\u002Fterran-industries.png",{"width":1227,"src":1228},150,"companies\u002Fterran-industries-logo.png",6,"A B2B sustainability website, designed and built with Next.js and Contentful.",{},{"title":1233,"description":1234},"UI\u002FUX Design & Next.js Development with Contentful","How we designed the UI\u002FUX and built the first edition of terranindustries.com.au, a B2B sustainability website, with Next.js and a Contentful headless CMS.","\u002Fterranindustries","I could not be happier with the website Elena designed for me - it was beyond my expectations.","Evannah, Founder at Terran Industries",{"title":1032,"description":1230},{"loc":1235},"terran-industries","UI\u002FUX | Website development","We designed and built the original website for Terran Industries, a B2B sustainability company helping Australian businesses find eco-friendly alternatives to single-use plastics. The website was developed with Next.js and Contentful.",[1244,1130,424],"UI\u002FUX","oTom4S9E6xdSu-iKs14Kcjspx-iI4nboLR_Chi0s1wo",{"id":1247,"title":1248,"body":1249,"card":1646,"description":1652,"extension":23,"meta":1653,"metadata":25,"navigation":26,"path":1654,"platform":254,"quote":1655,"quoteAuthor":1656,"seo":1657,"sitemap":1658,"stem":1659,"subtitle":1660,"summary":1652,"technologies":1661,"__hash__":1662},"projects\u002Fvideo-recording-web-application.md","Video Maker Platform",{"type":8,"value":1250,"toc":1633},[1251,1255,1258,1268,1271,1282,1286,1289,1292,1303,1306,1317,1328,1331,1334,1368,1379,1383,1386,1389,1392,1395,1398,1401,1410,1413,1416,1421,1441,1445,1467,1471,1476,1480,1497,1501,1506,1565,1576,1580,1592,1602,1604,1615,1619,1622,1631],[43,1252,1254],{"id":1253},"video-recording-web-app-development","Video recording web app development",[48,1256,1257],{},"Memwah is an award-winning video recording web application to record videos in the browser, invite people to contribute, gather video recordings and merge those into fantastic video stories that can be shared or downloaded.",[52,1259,1260],{},[48,1261,1262,1267],{},[57,1263,1266],{"href":1264,"rel":1265},"https:\u002F\u002Fmemwah.com.au\u002F",[61],"Memwah"," is an online video recording app that makes recording video stories and group tribute videos easy. It's an Australian female-led startup born during the Melbourne lockdowns between 2020 and 2021. This challenging time happened to be the catalyst to create something meaningful to bring people together and help them pass their memories from older to future generations.",[48,1269,1270],{},"This video recording web app allows users to easily create personalised stories, record videos in the browser, merge selected video recordings into a compiled video story and share that complete video message with a broader audience of colleagues, friends and families.",[48,1272,1273,127,1278,1280],{},[461,1274],{"alt":1275,"src":1276,"title":1277},"memwah.com.au - UI\u002FUX design, web development & infrustructure","\u002Fuploads\u002Fmemwah-video-maker-app.png","UI\u002FUX design, web development & infrustructure for memwah.com.au",[230,1279],{},[230,1281],{},[43,1283,1285],{"id":1284},"web-development-services-for-a-video-recording-platform","Web development services for a video recording platform",[48,1287,1288],{},"This video recording website caters to older demographics. Hence, our team of talented UI\u002FUX designers, front-end and back-end developers did a great job making it intuitive, easy to use, fast and performant.",[48,1290,1291],{},"Memwah has become one of the pioneers in Australia who decided to utilise modern browser capabilities and provide its users with a completely new experience.",[52,1293,1294],{},[48,1295,1296,1297,1302],{},"Nowadays, many modern browsers (e.g. Chrome, Firefox, and ",[57,1298,1301],{"href":1299,"rel":1300},"https:\u002F\u002Fcaniuse.com\u002F",[61],"Safari v14.1 and older",") can access video and audio input from the user and allow users to record videos in the browser using JavaScript. It, however, depends on the browser's capabilities, meaning that such an experience could be fully dynamic and inlined or could be delegated to another application on the user's device.",[48,1304,1305],{},"Below are the Web Vitals metrics for the website showcasing quality user experience. As of today, the Web Vitals metrics focus on three critical aspects of the user experience:",[80,1307,1308,1311,1314],{},[83,1309,1310],{},"loading and performance,",[83,1312,1313],{},"interactivity, and",[83,1315,1316],{},"visual stability to avoid layout shifts.",[48,1318,1319,127,1324,1326],{},[461,1320],{"alt":1321,"src":1322,"title":1323},"memwah.com.au - Web Vitals metrics","\u002Fuploads\u002Fweb_vitals_metrics.jpg","Web Vitals metrics for memwah.com.au",[230,1325],{},[230,1327],{},[48,1329,1330],{},"Our team of experienced project managers, UI\u002FUX designers, and full-stack developers enjoyed helping our client build this unique web app, giving people from Australia and worldwide the opportunity to record their videos in the browser and share those special video messages with their loved ones.",[48,1332,1333],{},"The project scope included:",[80,1335,1336,1339,1342,1345,1348,1351,1354,1357,1360,1363,1366],{},[83,1337,1338],{},"Web app architecture and infrustructure;",[83,1340,1341],{},"Intuitive UI\u002FUX design and user flows for the media platform;",[83,1343,1344],{},"Front-end development to meet modern rigid requirements on the web;",[83,1346,1347],{},"Back-end development to make a secure and performant web application while processing large videos in the cloud;",[83,1349,1350],{},"Various integrations with third-party services such as Stripe, Remotion, Mailchimp and log-in with social media;",[83,1352,1353],{},"Video compilation and video production using server-side rendering;",[83,1355,1356],{},"Design and development of user roles and permissions;",[83,1358,1359],{},"AWS Lambda serverless application;",[83,1361,1362],{},"Transactional emails;",[83,1364,1365],{},"SEO optimisation;",[83,1367,115],{},[48,1369,1370,127,1375,1377],{},[461,1371],{"alt":1372,"src":1373,"title":1374},"memwah.com.au - A compiled video story","\u002Fuploads\u002Fmemwah_public_story.png","A compiled video story at memwah.com.au",[230,1376],{},[230,1378],{},[43,1380,1382],{"id":1381},"tech-stack-to-build-a-video-maker-web-app","Tech stack to build a video maker web app",[48,1384,1385],{},"Our team's challenge was to build a fast, performant and user-friendly web application that can concurrently process a large volume of videos in the cloud at a relatively low cost for the startup company.",[48,1387,1388],{},"Since we were dealing with weighty video files and their large volumes, the critical point was to avoid any adverse impact on the app performance and user experience.",[48,1390,1391],{},"As our task was to develop the project’s MVP, it was critical to consider the web app’s scalability and excellent performance inlined with the best modern practices. That’s why our software engineers decided to build a Vue and Laravel project, as this tech stack and server-side rendering allow us to build scalable web apps and speed up the web development process.",[48,1393,1394],{},"Memwah is a great Vue and Laravel 8 web app example that our team is proud to have in our portfolio.",[48,1396,1397],{},"The video processing, video compilation, and video production are performed by the AWS cloud infrastructure and AWS Lambda serverless architecture by using Laravel Vapor as a deployment tool, allowing the fastest and most seamless performance possible.",[48,1399,1400],{},"Interestingly, Memwah is an excellent example of how AWS Lambda serverless infrastructure can process significant volumes of data concurrently without affecting the website performance and user experience.",[52,1402,1403],{},[48,1404,1405,1406,1409],{},"If you have questions about how we achieved great results with AWS Lambda, whether serverless is a good fit for your project, or if you’re looking for an AWS Lambda development company, don’t hesitate to ",[57,1407,1408],{"href":225},"get in touch with our talented AWS engineers",". We would be happy to help you choose the right cost-effective tech stack for your project.",[48,1411,1412],{},"For the programmatic video production, our web developers were looking for a scalable rendering engine, which has to be compatible with any platform, has adequate rendering time and allows us to process multiple videos at the same time. They came across Remotion (React), which perfectly suited Memwah's needs while allowing a straightforward integration.",[48,1414,1415],{},"The tech stack below allowed our team to develop the project’s MVP faster, while significantly reducing the startup company's infrastructure costs and ongoing expenses.",[1417,1418,1420],"h3",{"id":1419},"frontend","Frontend",[80,1422,1423,1430,1438],{},[83,1424,1425,1426,1429],{},"Vue.js (Vue 3) to ",[57,1427,1428],{"href":130},"build a fast, high-performance SPA"," and a scalable web application.",[83,1431,1432,1433,1437],{},"Laravel Blade templating for ",[57,1434,1436],{"href":1435},"\u002Fnext-js-framework#server-side-rendering-vs-client-side-rendering","server-side rendering",".",[83,1439,1440],{},"Alpine.js, which is a modern and minimal tool for composing JavaScript behaviour directly in the markup.",[1417,1442,1444],{"id":1443},"backend","Backend",[80,1446,1447,1454,1457,1464],{},[83,1448,1449,1450,1453],{},"Laravel (Laravel 8), a robust PHP framework to speed up the ",[57,1451,1452],{"href":926},"web development of the project’s MVP"," and for faster loading and necessary security levels.",[83,1455,1456],{},"Livewire, a full-stack framework for Laravel to build modern, reactive and dynamic interfaces.",[83,1458,1459,1460,1463],{},"VideoJS \u002F RecordJS \u002F FFMPG \u002F Remotion \u002F ",[57,1461,1462],{"href":1129},"React"," to record, decode, process, transform, merge, compile and render videos.",[83,1465,1466],{},"Laravel Nova for CMS and Admin panel.",[1417,1468,1470],{"id":1469},"cloud-servers-serverless-infrastructure","Cloud Servers \u002F Serverless infrastructure",[80,1472,1473],{},[83,1474,1475],{},"Laravel Vapor (AWS Lambda) and other AWS services.",[1417,1477,1479],{"id":1478},"integrations","Integrations",[80,1481,1482,1485,1488,1491,1494],{},[83,1483,1484],{},"Payment gateway with Stripe;",[83,1486,1487],{},"Transactional emails with Amazon Simple Email Service (SES);",[83,1489,1490],{},"MailChimp for email marketing;",[83,1492,1493],{},"Google Sign-In, and",[83,1495,1496],{},"many others.",[43,1498,1500],{"id":1499},"video-recording-platform-features","Video recording platform features",[48,1502,548,1503,1505],{},[65,1504,551],{}," of this online video maker app include:",[80,1507,1508,1511,1522,1525,1528,1531,1534,1539,1542,1545,1548,1551,1556,1559,1562],{},[83,1509,1510],{},"Fast-loading pages and a fast and performant web application.",[83,1512,1513,1514,1517,1518,1521],{},"A scalable application with ",[57,1515,927],{"href":1516},"\u002Flaravel-development-services#laravel-application-development-services"," and ",[57,1519,528],{"href":1520},"\u002Fvue-js-development-services#vue-js-app-development"," to quickly develop new features as the project develops.",[83,1523,1524],{},"A fully-responsive web application with a clean and intuitive UI\u002FUX design to provide an excellent user experience for desktop and mobile users.",[83,1526,1527],{},"Fast video processing in the cloud with a serverless infrastructure and AWS Lambda.",[83,1529,1530],{},"Video recording, decoding, processing, transformation and compilation allow users to record videos in various browsers and devices.",[83,1532,1533],{},"Custom controls (e.g. play button) for Video.js.",[83,1535,1536,1537,1437],{},"Programmatic video rendering and animation using server-side rendering with Remotion and ",[57,1538,1462],{"href":1129},[83,1540,1541],{},"Video player and recorder in a browser.",[83,1543,1544],{},"Optional public URLs for a compiled video to view, share and download videos.",[83,1546,1547],{},"A CMS and Admin Panel with relevant reports and stats by using Laravel Nova.",[83,1549,1550],{},"Payment integrations using Stripe \u002F Stripe Checkout, a prebuilt and hosted payment page that is optimised for conversion.",[83,1552,1553,1437],{},[57,1554,557],{"href":1555},"\u002Flaravel-development-services#custom-laravel-solutions",[83,1557,1558],{},"Transactional emails.",[83,1560,1561],{},"Users can use the web app to record videos in the browser on Mac, Windows, Chrome, Firefox, and the latest version of Safari.",[83,1563,1564],{},"A consistent SEO performance was achieved due to the excellent website speed, responsive design, mobile optimisation, structured metadata, meta attributes, HTTPS certificate, sitemap, etc.",[48,1566,1567,1572,1574],{},[461,1568],{"alt":1569,"src":1570,"title":1571},"memwah.com.au - SEO score at 100","\u002Fuploads\u002Fseo_score_100.jpg","A perfect SEO score at memwah.com.au",[230,1573],{},[230,1575],{},[43,1577,1579],{"id":1578},"the-award-winning-web-app","The award-winning web app",[48,1581,1582,1583,1587,1588,1591],{},"Our team is thrilled and proud for Memwah, ",[57,1584,1586],{"href":1264,"rel":1585},[61],"the best online video recording software",", to be recognised with a Gold for ",[65,1589,1590],{},"Digital Innovation"," at the AusMumpreneur Vic Awards 2021. Yay 🎉",[52,1593,1594],{},[48,1595,1596,1597,1599,1601],{},"“I want to give a HUGE THANKS to Memwah's very talented Developers. Elena and Rus from IT Club are total champions. They have worked tirelessly to build this wonderful program. I'm so grateful for all the late nights, the thousand emails and keeping me grounded as I run off with all my ideas.”",[230,1598],{},[230,1600],{}," - Tammie, the Founder of Memwah",[230,1603],{},[48,1605,1606,1611,1613],{},[461,1607],{"alt":1608,"src":1609,"title":1610},"memwah.com.au - an award-winning app for digital innovation","\u002Fuploads\u002Faward-winning-app.jpg","memwah.com.au is an award-winning app for digital innovation",[230,1612],{},[230,1614],{},[43,1616,1618],{"id":1617},"need-help-with-your-project","Need help with your project?",[48,1620,1621],{},"Are you looking for some help with your project or have some questions? Chat with us. Our talented Vue.js developers, Laravel developers and AWS developers have helped many companies turn their ideas into scalable web apps, and are ready to help you!",[214,1623,1625],{"dataCmsId":216,"className":1624},[218],[214,1626,1628],{"className":1627},[222],[57,1629,228],{"href":225,"className":1630},[227],[230,1632],{},{"title":11,"searchDepth":12,"depth":12,"links":1634},[1635,1636,1637,1643,1644,1645],{"id":1253,"depth":12,"text":1254},{"id":1284,"depth":12,"text":1285},{"id":1381,"depth":12,"text":1382,"children":1638},[1639,1640,1641,1642],{"id":1419,"depth":409,"text":1420},{"id":1443,"depth":409,"text":1444},{"id":1469,"depth":409,"text":1470},{"id":1478,"depth":409,"text":1479},{"id":1499,"depth":12,"text":1500},{"id":1578,"depth":12,"text":1579},{"id":1617,"depth":12,"text":1618},{"title":1248,"summary":1647,"image":1648,"logo":1649,"order":12,"background":247},"A browser-based video recording and editing platform that records stories and combines them into a memorable video gift.","portfolio\u002Fmemwah\u002Fmemwah-card.png",{"width":1650,"src":1651},180,"portfolio\u002Fmemwah\u002Fmemwah-logo.png","A browser-based video recording and editing platform to record and merge video in the browser. Built with Vue.js, React, Laravel, AWS Lambda.",{},"\u002Fonline-video-recording-platform","Elena and Rus from IT Club are total champions - they have worked tirelessly to build this wonderful program.","Tammie, Founder of Memwah",{"title":1248,"description":1652},{"loc":1654},"video-recording-web-application","UI\u002FUX | Web development of a video recording and editing app",[528,1462,927],"hA--LLF6AlkZXciH94Bo_v-TLYqP7Z1Q7sZChfYE-8Y",{"id":1664,"extension":1665,"footer":1666,"header":1709,"meta":1718,"stem":1719,"__hash__":1720},"navigation\u002Fnavigation.yml","yml",[1667,1681,1693],{"label":1668,"items":1669,"path":11},"Web development",[1670,1672,1674,1676,1679],{"label":1671,"path":130},"Vue web development",{"label":1673,"path":1129},"React development services",{"label":1675,"path":926},"Laravel development services",{"label":1677,"path":1678},"Shopify developers Melbourne","\u002Fshopify",{"label":1680,"path":1201},"Next.js developers Melbourne",{"label":1682,"items":1683,"path":11},"Cyber security",[1684,1687,1690],{"label":1685,"path":1686},"Cyber security for small business","\u002Fcyber-security\u002Fsmall-business",{"label":1688,"path":1689},"Lessons from famous breaches","\u002Fcyber-security\u002Fbreach-lessons",{"label":1691,"path":1692},"Free cyber health check","\u002Fcyber-security\u002Fsmall-business\u002Fdiy-cyber-security-health-check",{"label":1694,"items":1695},"Navigate",[1696,1699,1701,1704,1706],{"label":1697,"path":1698},"Home","\u002F",{"label":1700,"path":616},"Case Studies",{"label":1702,"path":1703},"Cyber Security","\u002Fcyber-security",{"label":1705,"path":225},"Contact Us",{"label":1707,"path":1708},"Editorial Policy","\u002Feditorial-policy",[1710,1713,1714,1715],{"label":1711,"path":1712},"Web Development","\u002Fweb-development",{"label":1700,"path":616},{"label":1702,"path":1703},{"label":1716,"path":1717},"About","\u002Fabout",{},"navigation","vaEm85Hrq3ctMNbTgmkywbdLEBklhE1-5zsuR9ZI5Oo",{"id":1722,"extension":1665,"items":1723,"meta":1733,"stem":1734,"__hash__":1735},"socials\u002Fsocials.yml",[1724,1727,1730],{"type":1725,"link":1726},"facebook","https:\u002F\u002Fwww.facebook.com\u002Fitclub.com.au",{"type":1728,"link":1729},"linkedin","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fitclub\u002Fabout\u002F",{"type":1731,"link":1732},"behance","https:\u002F\u002Fwww.behance.net\u002Felenaitclub\u002F",{},"socials","R3zh7G2Yeky6IFraIEG2izmfHXa3EG7r0rHl4YbjpWk",1785204197835]