Kifkif (from the French expression derived from the Arabic word meaning "similar") is a web application designed to help users compare items and discover alternatives.

Whether you're looking for a substitute for a product, a similar music bands, or even just inspiration for your next purchase, Kifkif uses the power of Google Chrome built-in AI's Prompt API to dynamically generate intelligent suggestions based on your input.

While most projects and examples I found online are using plain JavaScript, I chose to build a working project using Angular.

Why Angular? Because it's Google's own web framework for sure. And also I wanted to challenge myself and make this contest about exploring a working Angular interaction with Google Chrome’s built-in AI (I'm sure better coder than myself at Google will deliver us a better Angular Wrapper soon)

KIF KIF in few words:

1. Functionality * Scalable & Global: Kifkif’s dynamic AI-powered suggestions work with any item name in any language supported by the Prompt API, making it accessible worldwide. * Versatile Audience: From shoppers hunting for alternatives to professionals brainstorming ideas, Kifkif is useful for a wide range of users across regions and interests.

2. Purpose * Solving Problems: People often struggle to find alternatives to items they can't find, afford, or need inspiration for. Kifkif makes this process intuitive and instant. * Encouraging Reuse: Its simplicity and utility encourage users to return, whether they’re looking for alternatives while shopping, exploring creative ideas, or simply indulging their curiosity.

3. User Experience * Simplicity & Clarity: The responsive interface, results display, and dynamic interaction make Kifkif intuitive to use for all ages and technical abilities. No tutorials needed—just start typing!

4. Technical Execution * Showcasing Google’s Prompt API: Kifkif fully harnesses the power of the Prompt API by integrating it with Angular services, demonstrating its flexibility and usability within a complex framework. * Angular + Chrome AI: As one of the few Angular-based public code, Kifkif highlights how Google’s own framework can be used to push the boundaries of innovation with its AI technologies.

Why the Name "Kifkif"?


In essence, Kifkif reflects the app’s core purpose: to find similarities between items. The name pays homage to its multicultural origins (French and Arabic), just as the app itself is designed to be globally inclusive and widely accessible.

How It Works:

  1. Input Your Query: Enter the name of an item (e.g., "Tesla Model 3") or a band (e.g., "Pink Floyd").
  2. Discover Alternatives: Using Google’s Prompt API, Kifkif generates a list of relevant, creative, and actionable alternatives in real-time.
  3. Inspire Action: Browse, compare, and pick what works best for your needs.

Tech Stack:

  • Framework: Angular (TypeScript)
  • Backend: Google Chrome Built-in AI’s Prompt API
  • Hosting: Firebase Hosting

The Mission:


Even if Kifkif is a basic proof of concept for the Angular Web app using the Prompt API, its value for me lies in blazing a trail for other curious developers that will surely come with better solutions. I had fun exploring my simple idea and making the extra effort to use Angular. Seeing this effort taking shape in a meaningful Web application for a wide audience is making me feel that It’s not just a side project for me; it’s challenge that I tackeled and overcomed with a smile on my face.

Built With

Share this project:

Updates