{"id":12880,"date":"2024-07-07T08:32:51","date_gmt":"2024-07-07T06:32:51","guid":{"rendered":"https:\/\/flaven.fr\/?post_type=bf_videos_manager&p=12880"},"modified":"2024-07-07T08:45:55","modified_gmt":"2024-07-07T06:45:55","slug":"video-3-display-api-data-using-vuejs-axios-step-by-step-tutorial","status":"publish","type":"bf_videos_manager","link":"https:\/\/flaven.fr\/videos\/video-3-display-api-data-using-vuejs-axios-step-by-step-tutorial\/","title":{"rendered":"Video #3 Display API Data using Vuejs & Axios: Step-by-Step Tutorial"},"content":{"rendered":"

This video is part of a post “Building a Vue.js SPA (Single Page Application) Frontend with FastAPI Backend for AI Integration”<\/b><\/p>\n

QUICK DESCRIPTION<\/b>
\nTransitioning from Streamlit to Vue.js: some expeiments made with Vuejs and Vitejs to achieve the migration from a frontrend in Streamlit to Vitejs or Vuejs.<\/p>\n

In these videos post, I delve into the process of replacing Streamlit with Vue.js as the frontend for an AI-powered web application, connecting it to an API built with FastAPI. The shift aims to delegate frontend management to a separate team, allowing the AI team to focus on high-value tasks such as fine-tuning and model selection. Discover a simple yet effective architecture for the application, with a tech stack featuring FastAPI, SQLAlchemy, Vue.js, Vuex, and more.<\/p>\n

URLs<\/b>
\nPOST: https:\/\/wp.me\/p3Vuhl-3lp<\/a>
\nCODE: https:\/\/shorturl.at\/jkOOX<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

This video is part of a post “Building a Vue.js SPA (Single Page Application) Frontend with FastAPI Backend for AI Integration” QUICK DESCRIPTION Transitioning from… <\/p>\n

Continue reading → Video #3 Display API Data using Vuejs & Axios: Step-by-Step Tutorial<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":11806,"comment_status":"open","ping_status":"closed","template":"","bf_videos_manager_tag":[2866,2797,2986,2672,2718,2848,2806,3190,3061,3029,3188,3058],"bf_videos_manager_cat":[2729,2700,3081],"class_list":["post-12880","bf_videos_manager","type-bf_videos_manager","status-publish","has-post-thumbnail","hentry","bf_videos_manager_tag-application","bf_videos_manager_tag-artificial-intelligence","bf_videos_manager_tag-chatgpt","bf_videos_manager_tag-python","bf_videos_manager_tag-spike","bf_videos_manager_tag-sqlalchemy","bf_videos_manager_tag-streamlit","bf_videos_manager_tag-transcript","bf_videos_manager_tag-transcription","bf_videos_manager_tag-usage","bf_videos_manager_tag-vue-js","bf_videos_manager_tag-whisper","bf_videos_manager_cat-agile","bf_videos_manager_cat-anaconda","bf_videos_manager_cat-api"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/bf_videos_manager\/12880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/bf_videos_manager"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/bf_videos_manager"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=12880"}],"version-history":[{"count":1,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/bf_videos_manager\/12880\/revisions"}],"predecessor-version":[{"id":12882,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/bf_videos_manager\/12880\/revisions\/12882"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media\/11806"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=12880"}],"wp:term":[{"taxonomy":"bf_videos_manager_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/bf_videos_manager_tag?post=12880"},{"taxonomy":"bf_videos_manager_cat","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/bf_videos_manager_cat?post=12880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}