JavaScript Mastery

Hi devs, I wanted to share what I've been up to. I built this landing page to hone my skills in tailwindcss. I actually took a tutorial from the JavaScript Mastery YouTube channel. So this project was part of it but I stopped watcching the video after project setup so as to gain real mastery, but I didn't know where to start as the prototype was pretty complex so I left it. After building many more projects I decide to build out this project from scratch, so I cloned the repo for the project as a reference (it wasn't live), then I started building section by section committing and pushing all the way. It was then I realized just how complex this project was. I found myself flexing my CSS layout muscles💪 I encountered hurdles, but solved them. If it seemed to tough, I'd take a peak from the reference repo. But, one bug stuck out and I couldn't solve it for weeks. It was a few days ago, after making the footer completely responsive that I did a proper debugging approach. The bug: some of the image URLs provided in lists didn't seem show up when I mapped through them and all other content showed up. I checked the variables from the list and the source files even to the linked assets, everything seemed okay. I then mapped the same list that gave me an issue outside of the component but in the same file, so when the component mounts the code will run. On each iteration I logged the each variable. I noticed the img vars were giving undefined. I then changed the name of the img var from img to imgURL as in the original and it logged the right output. So I learned you can't rename a variable in JavaScript when mapping over the items in a list or object as it called by name and not based on order as I previously thought. The repo is here: https://lnkd.in/dr6J5mSV and the live project. Still improving it. Check it out here: https://lnkd.in/dVjXre_f What are your frontend development struggles.

Now Your Websites can even talk with you. Yes! You heard it, Right. You websites can talk with you. It can ask questions from you. It can collect data from you. It can make API requests to you. Then It can do everything it can. But wait, It not because of BLACK MAGIC , it's because of AI Agents. As we all know 2025, is the Year of AI Agents. AI agents are going to make our Work much easier. You may also know the quote that : 'AI will replace those developers , who doesn't use AI for efficiency and Scalability.' Now come to the point, Back in late 90's or earlier 20's, the business that creates websites are now UNICORN. But what for now. If you are also creating website like in earlier 90's then it can't be a unicorn. You should have different strategy , mindset & the modern understanding. You should create websites , that really converts like Imagine if you go to an e-commerce website and on that website instead of watching the product you want to find you are watching whole the items in which you are not even interested , It can move your focus. It's Solution. Instead of all the items, now you can see input or voice agent in which you can enter your interested product like a PC & then AI will generate whole the catalogue for you and will redirect you to that page. It increases the customer service, better experience & can boost your sells as well. Similar , we can use chatbots for faster responses in websites for free like Open AI Sdk and other with correct training . And for that training you don't need to pay 10000$ dollars , you just need a correct prompt. BTW , Now a days I am exploring AI agents and trying to integrate it into websites so in Youtube JavaScript Mastery Channel, I found a video and complete guide for integrating Vapi in real life Project Ideas. This video was very helpful. P.S. : In this video , you may encounter some issues regarding my voice so sorry for that. I am working on another project in which Vapi will be used as voice agent. I want a person which is full of passion & want to work with me on that idea. If someone is interested. DM me. GITHUB : https://lnkd.in/gUa-jG-a Live DEMO : https://lnkd.in/gvE6CnJ5 #GIAIC #JavaScriptMastery #Adrian #AI #AGENTS #TheLastCodeBendor #MuslimDeveloper #AUTOMATION

Hey connections👋! Excited to share a glimpse of my recent project – Xora, a modern Single Page Application built for AI-powered video editing,built using React and Tailwind CSS. Project Highlight: Xora – landing page for an AI based video editing application What it does: Xora delivers a smooth and modern user experience for AI-based video editing workflows — all within a responsive and dynamic frontend. Tech Stack: React | Tailwind CSS My Role: Frontend Developer – focused on building an intuitive and performant UI for the web application. What I learned: Improved my skills in React component architecture and state management Gained hands-on experience in building responsive designs with Tailwind CSS Learned how to structure a scalable Single Page Application (SPA) Enhanced my understanding of UI/UX best practices This project helped me sharpen my skills in component-based architecture, responsive design, and integrating AI-driven features within a modern UI. Would love to hear your thoughts or suggestions! Check it out here:https://lnkd.in/gRPf-RrE (View on desktop screen for better experience) View code;https://lnkd.in/gdQqD2gM Figma design;https://lnkd.in/g-6-NqU4 credits to:JavaScript Mastery #reactjs #tailwindcss #webdevelopment #frontend #ai #videoediting #projectshowcase #devportfolio #xora