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…
-
Understanding GitOps
GitOps is an operational framework that uses Git as the single source of truth to enable iterative development for cloud-native applications. -
Adding offset pagination to our Remix project with Prisma and SQL
In this video, we'll learn how to add pages to search results in our pet database using Pagination with SQL and Prisma. -
Build a Blogging Machine That Generates Its own Content Using AI | Code With Harry Tutorial
In this video, @CodeWithHarry explains how to create a blog with OpenAI and ChatGPT that generates content based on the topic of your choice. -
Learn how to Terraform Kubernetes
Now available: Four-part training series on moving from code to deployed serverless.
