Build a Machine Learning Web Application | React.js Huggingface.js & TailwindCSS

Published: 31 July 2023
on channel: Smoljames
17,607
469

Machine Learning web applications are insanely powerful but are often held back by the cost of the web infrastructure used to serve them. In this video, we build a transcription and translation web application that runs 2 machine learning models in the users browser for free with React.js, Huggingface.js & TailwindCSS.

#coding #javascript #programming

🔗 Resources

Github repository - https://github.com/jamezmca/free-scribe
Init React w. TailwindCSS - https://tailwindcss.com/docs/guides/vite
Google fonts - https://fonts.google.com/
Font Awesome CDN - https://cdnjs.com/libraries/font-awesome
Font Awesome Icons - https://fontawesome.com/icons

🔥 Get More Content - Subscribe and click le notification bell to stay tuned for all the fun & exciting tutorials to come!
Smoljames Hub - https://www.smoljames.com
Web Developer Roadmap - https://roadmap.smoljames.com

📚 Chapters

00:00 Intro
00:31 Project Demo
01:34 Init React TailwindCSS Project
04:00 Build React + TailwindCSS app
56:26 Integrate ML Models

🔖 Topics Covered

Deploy a Machine Learning web application
Use a Machine Learning model
Build a React & TailwindCSS web app
Free Transcription
Free ML model deployment


On this page of the site you can watch the video online Build a Machine Learning Web Application | React.js Huggingface.js & TailwindCSS with a duration of hours minute second in good quality, which was uploaded by the user Smoljames 31 July 2023, share the link with friends and acquaintances, this video has already been watched 17,607 times on youtube and it was liked by 469 viewers. Enjoy your viewing!