Build a Fully Featured News App Using NewsAPI and Bootstrap
In this video, @CodeWithHarry demonstrates how you can build a Business News website with News API and Bootstrap UI. By the end of the video you will have a fully functional news website hosted on a Linux server.
Chapters:
0:00 Introduction
0:28 How News API Works
1:35 Create Dev Environment
2:28 Code the Front End
3:25 Install Live Server
3:55 Code Navbar
5:30 Code News Cards
8:54 Fetch Live News
10:50 Using Page Size & Number
13:44 Change UI for Pagination
16:16 Populate Cards with News
17:45 Stringify response
19:00 Eliminate Fetch Requests
22:55 Show Result Count
24:00 Fetching a Particular Type of News
27:10 Enable the Search Bar
30:53 Enable Pagination
36:51 Revamp the UI
38:34 Limit Article Description Length
40:20 Deploy Your App
43:05 Install Apache2
45:00 Conclusion
New to Linode? Get started here with a $100 credit!
Read the doc for more information on web development languages.
Learn more about Bootstrap.
Subscribe to get notified of new episodes as they come out.
#webdevelopment #NewsAPI #Bootstrap
Product: Linode, Bootstrap, Programming; @CodeWithHarry ;
You might also like…
-
Prompt Engineering in Web Development | Using LangChain and Templates with OpenAI
Continuing our series on building web applications that incorporate AI tooling, Austin dives into the concept of prompt engineering. -
Deploying a Django App to a Linux Server | Django App from Scratch Part 6
In this video, @CodeWithTomi will show you how to deploy the app we've been working on to a Linode server. -
Creating Qwik Components and Integrating AI Image Generation | Web Development With AI Ep 6
In this video, Austin focuses on generating Qwik components and working with the OpenAI API for AI image generation. -
GitOps for Cloud Portability
GitOps principles can enable or enhance a cloud portability strategy by focusing on agility, flexibility, and maintaining a single source of truth