How to Build AI Apps as a Front-End Developer

Is AI the holy grail of software development? We don’t know, but it certainly is the topic of the hour in the IT world. Not only are AI solutions like GPT-3 capable of incredible feats, but they’re being used in additional apps, too.
As it is, many people are starting to develop their own AI apps, which sounds daunting at first. After all, don’t you need advanced maths knowledge aside from a strong software development background?
The short answer is, maybe. Yes, you need strong theoretical knowledge in these fields to develop your unique software and understanding of what goes on behind the scenes. However, there is plenty of information online to help you get started more easily. Such is the case with restorePhotos.io, a viral AI tool to restore pictures.
Build an AI-powered Restoration Tool
Hassan El Mghari is behind restorePhotos.io, which allows you to upload blurry images and restore them with incredible, crisp results. But he goes a step beyond and explains the general concepts and ideas behind it, so you can do it, too. Much like Generative AI tools used for imaging, this tool provides spectacular results.
What the tool does is upload your file to online storage, and uses an AI API to enhance the image. After this processing, the resulting image is sent back and displayed to the user.
Here’s the general overview of how it works. There are four main components: Storage, Frontend, Backend, and AI API. Interestingly, the storage and AI API are external, so you don’t need to code those. The bulk of the job is coding the upload component and the backend.
It works like this: An user uploads the files, and they get sent to an external storage server. This, in turn, responds with an URL for the image. This URL is sent to the backend, a Next.js Serverless Function that sends the image to the AI API. Finally, the API sends the restored image back to the backend, and finally, it gets transmitted to the front end so the user can see it.
You can check Hassan El Mghari’s Twitter for the full explanation and the code he used for this.
Learn how to build AI web apps as a frontend developer!
In this video, I explain how I built https://t.co/CXDJr0XEAe and give you the starter code to build your own AI apps: pic.twitter.com/0v8W1AiTqE
— Hassan El Mghari (@nutlope) January 16, 2023
Save Time Using Work by Others
If you’re a front-end developer, there’s no need to develop your Machine Learning or Neural Network models. You can use one of the many AI available and interact with them through APIs.
This way, you can concentrate on the website or app code, and of course, you’ll need to work on the backend too, in most cases. The point is, the state of AI is continuously growing and more models are available each day.
Just like restorePhotos.io’s developer Hassan El Mghari, many developers are happy to share how to code AI applications with and without needing to create an AI model. You can even ask an AI to help you code your AI software for you!
Advertisement
Uhh, this has already been possible – I am not sure how but remember my brother telling me about it. I’m not a whatsapp user so not sure of the specifics, but something about sending the image as a file and somehow bypassing the default compression settings that are applied to inbound photos.
He has also used this to share movies to whatsapp groups, and files 1Gb+.
Like I said, I never used whatsapp, but I know 100% this isn’t a “brand new feature”, my brother literally showed me him doing it, like… 5 months ago?
Martin, what happened to those: 12 Comments (https://www.ghacks.net/chatgpt-gets-schooled-by-princeton-university/#comments). Is there a specific justifiable reason why they were deleted?
Hmm, it looks like the gHacks website database is faulty, and not populating threads with their relevant cosponsoring posts.
The page on ghacks this is on represents the best of why it has become so worthless, fill of click-bait junk that it’s about to be deleted from my ‘daily reads’.
It’s really like “Press Release as re-written by some d*ck for clicks…poorly.” And the subjects are laughable. Can’t wait for “How to search for files on Windows”.
> The page on ghacks this is on represents the best of why it has become so worthless, fill of click-bait junk…
Sadly, I have to agree.
Only Martin and Ashwin are worth subscribing to.
Especially Emre Çitak and Shaun are the worst ones.
If ghacks.net intended “Clickbait”, it would mark the end of Ghacks Technology News.
Ghacks doesn’t need crappy clickbaits. Clearly separate articles from newer authors (perhaps AIs and external sales person or external advertising man) as just “Advertisements”!
We, the subscribers of Ghacks, urge Martin to make a decision.
because nevermore wants to “monetize” on every aspect of human life…
“Threads” is like the Walmart of Social Media.
How hard can it be to clone a twitter version of that as well? They’re slow.
Yes, why not mention how large the HD files can be?
Why, not mention what version of WhatsApp is needed?
These omissions make the article feel so bare. If not complete.
Sorry posted on the wrong page.
such a long article for such a simple matter. Worthless article ! waste of time
I already do this by attaching them via the ‘Document’ option.
I don’t know what’s going on here at Ghacks but it’s obvious that something is broken, comments are being mixed whatever the article, I am unable to find some of my later posts neither. :S
Quoting the article,
“As users gain popularity, the value of their tokens may increase, allowing investors to reap rewards.”
Besides, beyond the thrill and privacy risks or not, the point is to know how you gain popularity, be it on social sites as everywhere in life. Is it by being authentic, by remaining faithful to ourselves or is it to have this particular skill which is to understand what a majority likes, just like politicians, those who’d deny to the maximum extent compatible with their ideological partnership, in order to grab as many of the voters they can?
I see the very concept of this Friend.tech as unhealthy, propagating what is already an increasing flaw : the quest for fame. I won’t be the only one to count himself out, definitely.
@John G. is right : my comment was posted on [https://www.ghacks.net/2023/08/23/what-is-friend-tech/] and it appears there but as well here at [https://www.ghacks.net/2023/07/08/how-to-follow-everyone-on-threads/]
This has been lasting for several days. Fix it or at least provide some explanations if you don’t mind.
> Google Chrome is following in Safari’s footsteps by introducing a new feature that allows users to move the Chrome address bar to the bottom of the screen, enhancing user accessibility and interaction.
Firefox did this long before Safari.
Basically they’ll do anything except fair royalties.