Productivity Conf for Devs and Tech Leaders

English versionEN

[EN] ChatGPT Unleashed: Revolutionizing Web Development from Idea to Deployment
[ES] ChatGPT Desatado: Revolucionando el Desarrollo Web desde la Idea hasta el Despliegue

ChatGPT Unleashed: Revolutionizing Web Development from Idea to Deployment

In this engaging talk, we will delve into the journey of building, testing, and deploying a web app while examining the capabilities and limitations of ChatGPT in web development. Through the lens of this comprehensive process, we will explore how AI-driven development techniques can contribute to a more efficient workflow and discuss the challenges that may arise. Attendees will gain a deeper understanding of how to effectively incorporate ChatGPT into their projects, focusing on striking the right balance between automation and manual efforts. Join us as we navigate the ever-evolving landscape of web development and investigate the role of AI in shaping our development strategies.

This talk has been presented at Productivity Conf for Devs and Tech Leaders, check out the latest edition of this Tech Conference.

FAQ

VolQAI is a SaaS startup founded by Nikolai, aiming to make automated software testing fun, effective, easy, and more reliable for software development processes.

Nikolai faced challenges with GPT-03-Mini-High in keeping up with rapidly changing technologies, handling API updates, and troubleshooting errors during the setup and deployment process.

The application was functional, though creating it involved a painful process with many errors. It was an improvement over previous attempts but still required significant troubleshooting.

Nikolai found that many automated tests failed despite the LLM having full context of the project. The LLM struggled to write passing tests, a common issue across different LLM versions.

AI has enhanced individual capabilities, reducing the need to hire additional engineers. This has led to fewer new hires rather than replacing existing positions, influencing tech industry hiring trends.

Nikolai emphasized simplicity, clean and intuitive interfaces, mobile responsiveness, accessibility, security, and scalability in his application design.

Nikolai believes AI enhances developer capabilities rather than replacing them, but acknowledges it may reduce the need for hiring new developers.

Nikolai sees AI as a tool that makes every engineer more capable, allowing them to do more with less and focus on complex tasks, thereby enhancing productivity in software engineering and testing.

The presentation focuses on the capabilities of GPT-03-Mini-High in building, testing, and deploying web applications.

Nikolai is a Russian Ukrainian Jew, originally born in Uzbekistan, who migrated to the US in 1996. He has been in the automated testing, software engineering, and DevOps industry since 2008, and is the CEO and founder of VolQAI.

web apps productivity

Nikolay Advolodkin

22 min

27 Mar, 2025

Comments

Video Summary and Transcription

Welcome to Chad GPT, Unleashed, Revolutionizing Web Development. I'll share my journey and lessons learned about GPT-03-Mini-High. TLDR: Good with slower-changing technologies, poor with rapidly moving ones. Let's test the application by building a vision board. User stories, requirements, acceptance criteria, and design principles were well-executed. Mobile responsiveness, accessibility, security, and scalability are important. LLM struggled with error handling and installation, but we managed to troubleshoot. The app creation process was painful, but we created a better version. Some end-to-end tests failed. Automated tests didn't consider challenges and project structure. Continuous integration failed during deployment, but manual deployment worked. Majority of LLM tools worked. AI's impact on hiring: current roles remain, but new hires are affected. AI enhances my abilities, reducing the need for hiring. Thank you for your time.

Available in Español: ChatGPT Desatado: Revolucionando el Desarrollo Web desde la Idea hasta el Despliegue

Video transcription and chapters available for users with access.

Available in other languages:

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

AI and Web Development: Hype or Reality

JSNation 2023

24 min

AI and Web Development: Hype or Reality

Top Content

Wes Bos

Full Stack Developer, Speaker & Teacher, Co-host of Syntax.fm podcast.

This talk explores the use of AI in web development, including tools like GitHub Copilot and Fig for CLI commands. AI can generate boilerplate code, provide context-aware solutions, and generate dummy data. It can also assist with CSS selectors and regexes, and be integrated into applications. AI is used to enhance the podcast experience by transcribing episodes and providing JSON data. The talk also discusses formatting AI output, crafting requests, and analyzing embeddings for similarity.

artificial intelligence productivity

Domain Driven Design with Vue Applications

Vue.js London 2023

14 min

Domain Driven Design with Vue Applications

Top Content

Abdulrasaq Mustapha

<br>

Welcome to this talk on domain-driven design in Vue.js application. Today we are going to look into domain-driven design, its benefits and how it works with Vue.js domain-driven design versus the MVVM model. Vue.js thrives in domain-driven design, a design approach that models software to match a domain. DDD emphasizes understanding business logic and creating a domain that reflects the language and concepts. Integrating DDD in Vue.js offers benefits such as effective modeling of complex business domains, structured code reflecting domain logic, and easier onboarding and ownership.

vue web apps design vue 3

Forget Bad Code, Focus on the System

React Summit US 2023

27 min

Forget Bad Code, Focus on the System

Top Content

Watch video: Forget Bad Code, Focus on the System

Swizec Teller

Plasmidsaurus

Setting up the system and separating concerns are important in software development. Modular construction and prefab units are a new trend that makes construction quicker and easier. Architectural complexity can lead to a drop in productivity and an increase in defects. Measuring architectural complexity can help identify natural modules in the code. Best practices for avoiding architectural complexity include organizing code by business domain and using prop drilling. Atomic design and organizing a monorepo are recommended approaches for managing architectural complexity.

productivity

Confessions from an Impostor

JSNation 2022

46 min

Confessions from an Impostor

Top Content

Kyle Simpson

Software Engineer, Public Speaker, and Teacher

The Talk discusses imposter syndrome and reframes it as being a professional imposter. It emphasizes the importance of sharing and starting, embracing imposterism, and building inclusively for the web. The speaker shares personal experiences of being an imposter in various technical disciplines and highlights the significance of accessibility. The Talk concludes with the idea of building a collective RPG game to remove excuses for not making things accessible.

builders and founders productivity mental health

Improving Developer Happiness with AI

React Summit 2023

29 min

Improving Developer Happiness with AI

Watch video: Improving Developer Happiness with AI

Senna Parsa

Solutions Engineer at GitHub

GitHub Copilot is an auto-completion tool that provides suggestions based on context. Research has shown that developers using Copilot feel less frustrated, spend less time searching externally, and experience less mental effort on repetitive tasks. Copilot can generate code for various tasks, including adding modals, testing, and refactoring. It is a useful tool for improving productivity and saving time, especially for junior developers and those working in unfamiliar domains. Security concerns have been addressed with optional data sharing and different versions for individuals and businesses.

artificial intelligence developer experience tooling productivity best practices

Maximize Productivity with AI Agents

Productivity Conf for Devs and Tech Leaders

25 min

Maximize Productivity with AI Agents

Tejas Kumar

Author of the "Fluent React" bestselling book, software engineer with 23 years of experience, and host of the developer-loved ConTejas Code podcast.

I'm Tejas Kumar, a software developer with over 20 years of experience. AI agents are defined as entities that act on behalf of users or groups to produce specific effects. Agents consist of an orchestration layer, a language model, and tools represented as JSON functions. Langflow is an open-source tool that allows users to build their own AI agents by connecting language models and tools. Composio is a tool that enhances agent capabilities by offering integrations and apps, such as Google Calendar integration. MCP (Model Context Protocol) is a way to share context with models and extend their capabilities. It allows functions to be made available to models over standard input/output or an HTTP endpoint. MCP can be used with GitHub to perform various tasks like searching and fixing code issues. The Talk covered the basics of AI agents, building agents with Langflow and enhancing them with Composio, and using MCP with GitHub. The speaker encouraged audience questions and exploration of these concepts.

productivity automation

Workshops on related topic

Web Accessibility in JavaScript Apps

React Summit 2022

161 min

Web Accessibility in JavaScript Apps

Workshop

Sandrina Pereira

Often we see JavaScript damaging the accessibility of a website. In this workshop, you’ll learn how to avoid common mistakes and how to use JS in your favor to actually enhance the accessibility of your web apps!
In this workshop we’ll explore multiple real-world examples with accessibility no-nos, and you'll learn how to make them work for people using a mouse or a keyboard. You’ll also learn how screen readers are used, and I'll show you that there's no reason to be afraid of using one!
Join me and let me show you how accessibility doesn't limit your solutions or skills. On the contrary, it will make them more inclusive!
By the end, you will:- Understand WCAG principles and how they're organized- Know common cases where JavaScript is essential to accessibility- Create inclusive links, buttons and toggleble elements- Use live regions for errors and loading states- Integrate accessibility into your team workflow right away- Realize that creating accessible websites isn’t as hard as it sounds ;)

web apps javascript accessibility

React at scale with Vodafone

React Summit 2022

130 min

React at scale with Vodafone

Workshop

React at scale with Vodafone

react web apps mobile apps case study

Build a Universal Reactive Data Library with Starbeam

JSNation 2023

66 min

Build a Universal Reactive Data Library with Starbeam

WorkshopFree

Yehuda Katz

This session will focus on Starbeam's universal building blocks. We'll use Starbeam to build a data library that works in multiple frameworks.We'll write a library that caches and updates data, and supports relationships, sorting and filtering.Rather than fetching data directly, it will work with asynchronously fetched data, including data fetched after initial render. Data fetched and updated through web sockets will also work well.All of these features will be reactive, of course.Imagine you filter your data by its title, and then you update the title of a record to match the filter: any output relying on the filtered data will update to reflect the updated filter.In 90 minutes, you'll build an awesome reactive data library and learn a powerful new tool for building reactive systems. The best part: the library works in any framework, even though you don't think about (or depend on) any framework when you built it.
Table of contents- Storing a Fetched Record in a Cell- Storing multiple records in a reactive Map- Reactive iteration is normal iteration- Reactive filtering is normal filtering- Fetching more records and updating the Map- Reactive sorting is normal sorting (is this getting a bit repetitive?)- Modelling cache invalidation as data- Bonus: reactive relationships

frameworks web apps reactivity

How to Create a Web Application in an (Almost) Autonomous Way Using Clean Coder

Productivity Conf for Devs and Tech Leaders

95 min

How to Create a Web Application in an (Almost) Autonomous Way Using Clean Coder

Workshop

Grigorij Dudnik

Imagine replacing yourself with a multi-agent AI programmer to develop your production web application. That's exactly what we did at my startup takzyli.pl. To achieve this, we designed and used the Clean Coder - AI agent framework for autonomous code writing (https://github.com/GregorD1A1/Clean-Coder-AI), which is hopefully open-source project. If it worked for us, why shouldn't it work for you?In this workshop, I'll show you how to create an entire web application in an (almost) autonomous way and drastically reduce the time you or your employees spend on writing code.

web apps productivity

Build Web3 apps with React

React Summit 2022

51 min

Build Web3 apps with React

Workshop

Shain Dholakiya

The workshop is designed to help Web2 developers start building for Web3 using the Hyperverse. The Hyperverse is an open marketplace of community-built, audited, easy to discover smart modules. Our goal - to make it easy for React developers to build Web3 apps without writing a single line of smart contract code. Think “npm for smart contracts.”
Learn more about the Hyperverse here.
We will go over all the blockchain/crypto basics you need to know to start building on the Hyperverse, so you do not need to have any previous knowledge about the Web3 space. You just need to have React experience.

web apps npm web3

Build a Fullstack App Fast with Modern Tools