All in One AI App with Cloudflare Pages

Shailesh Chaudhary — Tue, 09 Apr 2024 14:30:19 +0000

This is a submission for the Cloudflare AI Challenge.

All in one app with ai for chat, image generation, text summarization, code copilot and Translation generator.

Demo

Demo Link

My Code

shaileshofficial2019 / ai-cloudflare

Cloudflare Challenge on dev.to

AI App for Chat, Code Copilot, Translation, Image Generation

Details of AI Models used

Type	Model Name
Conversation	@cf/meta/llama-2-7b-chat-fp16
Image generation	@cf/lykon/dreamshaper-8-lcm
Summarization	@cf/facebook/bart-large-cnn
Translation	@cf/meta/m2m100-1.2b
Code	@hf/mistral/mistral-7b-instruct-v0.2

Environmental Variables

CLOUDFLARE_AUTH_TOKEN=""

CLOUDFLARE_ACCOUNT_ID=""

open https://dash.cloudflare.com and grab your cridentials.

Run Development Server

npm run dev

Deploy on Cloudflare Pages

The easiest way to deploy your Next.js app is to use the Cloudflare Pages

View on GitHub

Journey

Got a inspiration from Code with Antonio and this is the first time i am deploying a nextjs app on pages, it was easy to integrate AI models in nextjs app and easy to deploy nextjs app on Cloudflare Pages.

Multiple Models and/or Triple Task Types

Here is the list of all Cloudflare Models used in the project.

Type	Model Name
Conversation	@cf/meta/llama-2-7b-chat-fp16
Image generation	@cf/lykon/dreamshaper-8-lcm
Summarization	@cf/facebook/bart-large-cnn
Translation	@cf/meta/m2m100-1.2b
Code	@hf/mistral/mistral-7b-instruct-v0.2

Alan AI - 12K+ Interactions Promo Code

Shailesh Chaudhary — Sat, 02 Apr 2022 17:27:59 +0000

Hello, 👋 Developers.

What is Voice Assistant?

A voice assistant is a digital assistant that uses voice recognition, language processing algorithms, and voice synthesis to listen to specific voice commands and return relevant information or perform specific functions as requested by the user.

Alan AI

If you want to integrate voice based functionality in your app or website then Alan AI can be best solution for you.

Alan AI can be integrated with these platforms

Android
iOS
Web
Electron
React Native
ionic
Flutter
SAP

Look At Their Documentation For More information
https://alan.app/docs

Reference

Here are List of some videos which will give you some more idea 💡 about Alan AI

Also there are also mentioned Promo code which will give you free Interactions.

What are interactions?

An interaction refers to each time you or your user interacts by voice with your voice assistant within Alan Studio or deployed in an app.

You Will Get 100 Free Interactions on Sign Up
Sign Up

Videos 📷:-

AI-powered shopping cart (React) MAKEDANE1000 1000 free Interactions.

E-commerce app (React) WEBDEVSIMPLIFIED 2500 free Interactions.

Voice controlled news app (React) JSMASTERY 2500 free Interactions.

Pacman with voice commands (JavaScript) ANIAKUBOW 2500 free Interactions.

AI-powered voice assistant radio app (Flutter) MTECHVIRAL 2500 free Interactions.

Voice assisted FAQ app (React) CODEVO 1500 free Interactions.

DEV Community: Shailesh Chaudhary