April 1, 2025

Touch Orange Explores Vibe Coding with Deepsite PWA

Listen to this article as Podcast
0:00 / 0:00
Touch Orange Explores Vibe Coding with Deepsite PWA

"Touch Orange": An Experimental Vibe-Coding Project with Deepsite

A new project called "Touch Orange" explores the possibilities of so-called "vibe coding" using the Deepsite platform. Inspired by the internet meme "Touch Grass," which encourages users to disconnect from the digital world and experience nature, "Touch Orange" offers an interactive web application (PWA - Progressive Web App) that allows users to virtually touch an orange.

The project was developed by @_akhaliq within a few hours and published on the Hugging Face platform. It demonstrates the simplicity and speed with which PWAs can be created using Deepsite. Deepsite enables the development of web applications through the combination of no-code and low-code approaches. This allows even users without in-depth programming knowledge to design interactive web applications.

The functionality of "Touch Orange" is simple: The user sees an orange on the screen, which they can interactively manipulate by touching it with their finger or mouse. Although the interaction is limited, the focus is on the simple, almost meditative experience of virtual touch. The connection to "Touch Grass" is made through the analog haptic sensation of touching, albeit virtual, and is intended to appeal to the user on an emotional level.

The publication of "Touch Orange" on Hugging Face underlines the growing importance of the platform as a hub for machine learning models and applications. Hugging Face not only offers a platform for publication but also for collaboration and the exchange of code and models. This promotes the development and dissemination of innovative projects like "Touch Orange."

The project also serves as an example of the increasing democratization of software development. Through tools like Deepsite, the development of web applications becomes accessible to a wider audience. This allows creatives and developers to implement their ideas quickly and easily, without having to acquire extensive programming knowledge.

The experimental character of the project is also interesting. "Touch Orange" sees itself as a "vibe-coding" experiment that explores the possibilities of emotional interaction with digital applications. The question of how digital experiences can be designed to evoke certain emotions or moods is a current field of research in the area of human-computer interaction.

How to create your own PWA with Deepsite:

For those interested in creating their own PWA with Deepsite, instructions are available on Hugging Face. The developer Enzo Stavros has published a template that can serve as a basis for your own projects. This allows users to explore the functionality of Deepsite and develop their own interactive web applications.

Sources: - @_akhaliq's Tweet about "Touch Orange" - Hugging Face Space for "Touch Orange" - Hugging Face Space for the Deepsite Template by Enzo Stavros