A Comparative Study of Vibe Coding with ChatGPT and Gemini in Front-end Web Development
Guardado en:
| Publicado en: | Central European Conference on Information and Intelligent Systems (2025), p. 787-797 |
|---|---|
| Autor principal: | |
| Otros Autores: | , |
| Publicado: |
Faculty of Organization and Informatics Varazdin
|
| Materias: | |
| Acceso en línea: | Citation/Abstract Full Text Full Text - PDF |
| Etiquetas: |
Sin Etiquetas, Sea el primero en etiquetar este registro!
|
MARC
| LEADER | 00000nab a2200000uu 4500 | ||
|---|---|---|---|
| 001 | 3285779079 | ||
| 003 | UK-CbPIL | ||
| 022 | |a 1847-2001 | ||
| 022 | |a 1848-2295 | ||
| 035 | |a 3285779079 | ||
| 045 | 2 | |b d20250101 |b d20251231 | |
| 084 | |a 187136 |2 nlm | ||
| 100 | 1 | |a Horvat, Marko | |
| 245 | 1 | |a A Comparative Study of Vibe Coding with ChatGPT and Gemini in Front-end Web Development | |
| 260 | |b Faculty of Organization and Informatics Varazdin |c 2025 | ||
| 513 | |a Conference Proceedings | ||
| 520 | 3 | |a The invention of Generative AI and Large Language Models has recently catalyzed "vibe coding" as a new paradigm of software development in which developers use natural language to state their intentions. However, there is currently a significant lack of empirical research comparing the fundamental behaviors of GenAI tools and their code quality. This paper presents such comparative study of GPT-40 and Gemini 2.5 Pro for front-end web development using everyday technologies HTML, CSS, and JavaScript. Using zero-shot and prompt-chaining strategies, we tasked the models to create three commonplace web applications of increasing complexity. The architecture and features of the generated code were evaluated using a mixed-method evaluation framework. The results show that GPT-40 and Gemini 2.5 Pro represent two different development paradigms; GPT-4o functions as a tool that generates minimal, concise code that follows user instructions, but in more complex tasks it sometimes generates errors and unwanted changes in the codebase. In contrast, Gemini 2.5 Pro operates as a proactive-enhancement agent that generates more complex, feature-rich code by anticipating the user's needs and adding advanced UI functionalities. Importantly, vibe coding is formally defined, explained, and compared to other AI-assisted programming approaches. The codebase created for this research is available at: https://github.com/mhorvat/vibecoding_frontend. | |
| 653 | |a Comparative studies | ||
| 653 | |a Programming languages | ||
| 653 | |a Software development | ||
| 653 | |a Computer science | ||
| 653 | |a Large language models | ||
| 653 | |a Applications programs | ||
| 653 | |a Science education | ||
| 653 | |a Rapid prototyping | ||
| 653 | |a Task complexity | ||
| 653 | |a Generative artificial intelligence | ||
| 653 | |a Computer engineering | ||
| 653 | |a Architecture | ||
| 653 | |a Human-computer interaction | ||
| 653 | |a Software engineering | ||
| 653 | |a Chatbots | ||
| 653 | |a Coding | ||
| 653 | |a Natural language | ||
| 700 | 1 | |a Kralj, Barbara | |
| 700 | 1 | |a Gledec, Gordan | |
| 773 | 0 | |t Central European Conference on Information and Intelligent Systems |g (2025), p. 787-797 | |
| 786 | 0 | |d ProQuest |t Advanced Technologies & Aerospace Database | |
| 856 | 4 | 1 | |3 Citation/Abstract |u https://www.proquest.com/docview/3285779079/abstract/embedded/75I98GEZK8WCJMPQ?source=fedsrch |
| 856 | 4 | 0 | |3 Full Text |u https://www.proquest.com/docview/3285779079/fulltext/embedded/75I98GEZK8WCJMPQ?source=fedsrch |
| 856 | 4 | 0 | |3 Full Text - PDF |u https://www.proquest.com/docview/3285779079/fulltextPDF/embedded/75I98GEZK8WCJMPQ?source=fedsrch |