The /news page currently lacks dynamic content management and enhanced tab functionality. This issue aims to improve the management of news content by creating a separate content folder within the project directory and populating it with a news.js file containing news items categorized into different categories. Additionally, the issue involves integrating the news content from the news.js file into the /news page, mapping the content category-wise, and implementing a search functionality based on news titles. Furthermore, the tab functionality on the /news page needs enhancement to display news from all categories when the first tab is clicked, while the remaining tabs should display news from their respective categories.
Task to be Done:
Create a content folder within the project directory.
Within the content folder, create a file named news.js and populate it with news items categorized into at least three categories in JSON format.
Import the news.js file into the code of the /news page.
Map the news content category-wise on the /news page.
Implement a search functionality based on news titles on the /news page.
Enhance tab functionality so that clicking on the first tab displays news from all categories and keep first tab title as "All Categories", while clicking on the remaining tabs displays news from their respective categories.
The
/newspage currently lacks dynamic content management and enhanced tab functionality. This issue aims to improve the management of news content by creating a separate content folder within the project directory and populating it with anews.jsfile containing news items categorized into different categories. Additionally, the issue involves integrating the news content from thenews.jsfile into the/newspage, mapping the content category-wise, and implementing a search functionality based on news titles. Furthermore, the tab functionality on the/newspage needs enhancement to display news from all categories when the first tab is clicked, while the remaining tabs should display news from their respective categories.Task to be Done:
news.jsand populate it with news items categorized into at least three categories in JSON format.