Project-1 Report

ON
“News App”
Submitted in partial fulfillment of
requirementsfor the award of the degree

Bachelor of
Technology
In

Information Technology
To
Punjab Technical University, Jalandhar

SUBMITTED BY:
Kapil (2102177)
6th Semester
Batch:2021

Under the guidance of

Mr. Mandeep Singh
Devgan

DEPARTMENT OF INFORMATION TECHNOLOGY

Chandigarh Engineering College –

Landran,Mohali, Punjab - 140307
 Table of Contents

Candidate’s Declaration

Abstract

Acknowledgement

Introduction

Requirements

Problem Statement

Core Code

Output

Technology

Conclusion

References
 CANDIDATE’S DECLARATION

I hereby certify that the work which is being presented in the project report entitled

“News App” by “Kapil ” in partial fulfillment of requirements forthe award of degree

[Link]. (IT) submitted in the Department of IT at Chandigarh Engineering College

under PUNJAB TECHNICAL UNIVERSITY, JALANDHAR is an

authentic record of my own work carried out during a period from March 2024 to

April 2024 under the supervision of [Link] Singh Devgan

This is to certify that the above statement made by the candidate is correct to the best
ofmy/our knowledge.

The [Link]. Viva-Voce Examination of Kapil has been held on

and accepted.

Mr. Mandeep Singh Devgan

(Professor IT)
 ABSTRACT

This project is designed so as to be used By peoples for news purpose . It is an

online system of news

A News app System in Html, Css and java script main features is the user has to pass
through a login system to get access, then a menu displays provides a various types
of news.

It also store the personal interest and show the news according to her interest
and provide frequent breaking news.
 ACKNOWLEDGEMENT

I would like to place on record my deep sense of gratitude to Mr. Mandeep Singh
(Dept. of IT ,CEC-CGC) for her generous guidance, help, and useful suggestions.

I also wish to extend my thanks to my teachers, friends and family for their insightful
comments and constructive suggestions to improve the quality of this research work.

Kapil (2102177)
6th SEM.
 INTRODUCTION
In an era defined by rapid digital transformation, the landscape of news dissemination has undergone
a profound evolution. The traditional modes of news consumption have yielded ground to the
omnipresent realm of the internet, where immediacy, accessibility, and interactivity reign supreme. It
is within this dynamic milieu that our project emerges—a testament to the fusion of innovation and
necessity in the realm of journalism.

Our endeavor centers on the conception, development, and implementation of an Online News
Portal—a digital platform meticulously crafted to cater to the discerning tastes and evolving needs
of modern-day audiences. With an unwavering commitment to integrity, accuracy, and diversity, our
portal seeks to transcend geographical boundaries, bridging the gap between information and its
recipients on a global scale.

Through the utilization of cutting-edge technologies and a user-centric design ethos, our platform
endeavors to redefine the very essence of news consumption. By harnessing the power of data
analytics, machine learning algorithms, and intuitive user interfaces, we aim to personalize the news
experience, empowering users to navigate through a vast sea of information with unparalleled and
efficacy.

Moreover, our Online News Portal is not merely a conduit for information but a catalyst for
community engagement and social discourse. Through interactive features such as comment
sections, polls, and multimedia content, we aspire to foster a vibrant ecosystem where opinions are
voiced, perspectives are shared, and meaningful dialogues are nurtured.
As we embark on this transformative journey, guided by the principles of journalistic integrity,
technological innovation, and audience-centricity, we invite you to delve deeper into the intricacies of
our project. Through this comprehensive report, we aim to elucidate the methodologies, challenges,
triumphs, and future prospects inherent in the creation of our Online News Portal—a beacon of
enlightenment in an increasingly digitized world.
 REQUIREMENTS

 SOFTWARE REQUIREMENTS

1. Html

2. Windows 7/8/8.1/10/11

3. CSS

4. Java Script

5. My Sql

 HARDWARE REQUIREMENTS

1. Intel core i3 processor/ AMD ryzen 3 processor or above

2. 10 Gigabytes of minimum hard drive space

3. 2 GB RAM or more

4. Internet Connectivity
 8

PROBLEM STATEMENT

In today's digital age, traditional methods of news dissemination are facing unprecedented challenges.
The proliferation of misinformation, the decline of print media, and the fragmentation of audience
attention pose significant obstacles to the integrity and accessibility of news content. Moreover, the
overwhelming volume of information available online often leads to confusion, disengagement, and
apathy among consumers.

Recognizing these pressing issues, our project seeks to address the following key challenges:
Information Overload: The sheer volume of news content available on the internet can overwhelm
users, making it difficult for them to discern credible sources from misinformation and navigate
through the plethora of news stories efficiently.

Trust and Credibility: In an era plagued by fake news and sensationalism, building and maintaining
trust in the authenticity and reliability of news sources is paramount. Establishing credibility amidst a
 9
sea of dubious information is a significant challenge that must be addressed.
Audience Engagement: With the rise of social media and alternative forms of entertainment, capturing
and retaining audience attention has become increasingly challenging for traditional news outlets.
Engaging users in meaningful ways and fostering a sense of community around news consumption is
essential for the sustainability of online news portals.

Technological Innovation: The rapid pace of technological advancement necessitates continual

innovation in the design and functionality of online news platforms. Leveraging emerging
technologies effectively while ensuring accessibility and usability for diverse audiences presents a
multifaceted challenge
 11
CORE CODE

{
"short_name": "React App",
"name": "Create React App
Sample", "icons": [
{
"src": "[Link]",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "[Link]",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "[Link]",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}

import './[Link]';

import NavBar from './components/NavBar';

import News from './components/News';
import {
Routes,
Route,
} from "react-router-dom";
import About from './components/About';

function App()
{ let PageSize=
9;
 12
return (
<>

<NavBar/>
<Routes>
<Route path="/" element={<News pageSize={PageSize} country="in" category="general"/>}
/>
<Route path="/about" element={<About/>} />

{/* catagory */}

<Route exact path="/general" element={<News key="general" pageSize={PageSize}
country="in" category="general"/>} />
<Route exact path="/business" element={<News key="business" pageSize={PageSize}
country="in" category="business"/>} />
<Route exact path="/entertainment" element={<News key="entertainment"
pageSize={PageSize} country="in" category="entertainment"/>} />
<Route exact path="/health" element={<News key="health" pageSize={PageSize}
country="in" category="health"/>} />
<Route exact path="/science"element={<News key="scince" pageSize={PageSize}
country="in" category="science"/>} />
<Route exact path="/sports" element={<News key="sports" pageSize={PageSize}
country="in" category="sports"/>} />
<Route exact path="/technology" element={<News key="technology" pageSize={PageSize}
country="in" category="technology"/>} />

</Routes>

</>
);
}

export default App;

import { render, screen } from '@testing-library/react';

import App from './App';

test('renders learn react link', () =>

{ render(<App />);
const linkElement = [Link](/learn react/i);
expect(linkElement).toBeInTheDocument();
});
 13
body
{ margin:
0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}

import React from 'react';

import ReactDOM from 'react-dom';
import './[Link]';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { BrowserRouter } from "react-router-dom";

[Link](
<BrowserRouter>
<App />
</BrowserRouter>,
[Link]('root')
);

// If you want to start measuring performance in your app, pass a function

// to log results (for example: reportWebVitals([Link]))
// or send to an analytics endpoint. Learn more: [Link]
reportWebVitals();

const reportWebVitals = onPerfEntry => {

if (onPerfEntry && onPerfEntry instanceof Function) {
import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
getCLS(onPerfEntry);
getFID(onPerfEntry);
getFCP(onPerfEntry);
getLCP(onPerfEntry);
getTTFB(onPerfEntry);
});
}
};

export default reportWebVitals;

 14
# See [Link] for more about ignoring files.

# dependencies
/node_modules
/.pnp
.[Link]
.env

# testing
/coverage

# production
/build

# misc
.DS_Store
.[Link]
.[Link]
.[Link]
.[Link]

[Link]*
[Link]*
[Link]*

{
"name": "news-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.16.2",
"@testing-library/react": "^12.1.2",
"@testing-library/user-event": "^13.5.0",
"dotenv": "^16.0.0",
"i": "^0.3.7",
"npm": "^8.5.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-router-dom": "^6.2.1",
"react-scripts": "5.0.0",
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},

"eslintConfig": {
"extends": [
 15
"react-app",
"react-app/jest"
]
},
"browserslist":
{ "production":
[ ">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}

{
"name": "news-app",
"version": "0.1.0",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "news-app",
"version": "0.1.0",
"dependencies": {
"@testing-library/jest-dom": "^5.16.2",
"@testing-library/react": "^12.1.2",
"@testing-library/user-event":
"^13.5.0", "dotenv": "^16.0.0",
"i": "^0.3.7",
"npm": "^8.5.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-infinite-scroll-component": "^6.1.0",
"react-router-dom": "^6.2.1",
"react-scripts": "5.0.0",
"react-top-loading-bar": "^2.1.0",
"web-vitals": "^2.1.4"
}
},
 16
"node_modules/@ampproject/remapping": {
"version": "2.1.1",
"resolved": "[Link]
"integrity": "sha512-
Aolwjd7HSC2PyY0fDj/wA/EimQT4HfEnFYNp5s9CQlrdhyvWTtvZ5YzrUPu6R6/1jKiUlxu8b
"dependencies": {
"@jridgewell/trace-mapping": "^0.3.0"
},
"engines":
{ "node":
">=6.0.0"
}
},
"node_modules/@babel/code-frame": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
iAXqUn8IIeBTNd72xsFlgaXHkMBMt6y4HJp1tIaK465CWLT/fG1aqB7ykr95gHHmlBdGbFeWW
"dependencies": {
"@babel/highlight": "^7.16.7"
},
"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/compat-data": {
"version": "7.17.0",
"resolved": "[Link]
"integrity": "sha512-
392byTlpGWXMv4FbyWw3sAZ/FrW/DrwqLGXpy0mbyNe9Taqv1mg9yON5/o0cnr8XYCkFTZbC
1
"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/core": {
"version": "7.17.2",
"resolved": "[Link]
"integrity": "sha512-
R3VH5G42VSDolRHyUO4V2cfag8WHcZyxdq5Z/m8Xyb92lW/Erm/6kM+XtRFGf3Mulre3mveni
"dependencies": {
"@ampproject/remapping":
"^2.0.0", "@babel/code-frame":
"^7.16.7", "@babel/generator":
"^7.17.0",
"@babel/helper-compilation-targets": "^7.16.7",
"@babel/helper-module-transforms": "^7.16.7",
"@babel/helpers": "^7.17.2",
"@babel/parser": "^7.17.0",
 17

"@babel/template": "^7.16.7",
"@babel/traverse": "^7.17.0",
 18
"@babel/types": "^7.17.0",
"convert-source-map": "^1.7.0",
"debug": "^4.1.0",
"gensync": "^1.0.0-beta.2",
"json5": "^2.1.2",
"semver": "^6.3.0"
},
"engines":
{ "node":
">=6.9.0"
},
"funding": {
"type": "opencollective",
"url": "[Link]
}
},
"node_modules/@babel/core/node_modules/semver": {
"version": "6.3.0",
"resolved": "[Link]
"integrity": "sha512-
b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5
"bin": {
"semver": "bin/[Link]"
}
},
"node_modules/@babel/eslint-parser": {
"version": "7.17.0",
"resolved": "[Link]
"integrity": "sha512-
PUEJ7ZBXbRkbq3qqM/jZ2nIuakUBqCYc7Qf52Lj7dlZ6zERnqisdHioL0l4wwQZnmskMeasqU
"dependencies": {
"eslint-scope": "^5.1.1",
"eslint-visitor-keys": "^2.1.0",
"semver": "^6.3.0"
},
"engines": {
"node": "^10.13.0 || ^12.13.0 || >=14.0.0"
},
"peerDependencies":
{ "@babel/core":
">=7.11.0",
"eslint": "^7.5.0 || ^8.0.0"
}
},
 19
"node_modules/@babel/eslint-parser/node_modules/eslint-scope": {
"version": "5.1.1",
"resolved": "[Link]
"integrity": "sha512-
2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCB
"dependencies": {
"esrecurse": "^4.3.0",
"estraverse": "^4.1.1"
},
"engines":
{ "node":
">=8.0.0"
}
},
"node_modules/@babel/eslint-parser/node_modules/eslint-visitor-keys": {
"version": "2.1.0",
"resolved": "[Link]
"integrity": "sha512-
0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT
"engines": {
"node": ">=10"
}
},
"node_modules/@babel/eslint-parser/node_modules/estraverse": {
"version": "4.3.0",
"resolved": "[Link]
"integrity": "sha512-
39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9
"engines": {
"node": ">=4.0"
}
},
"node_modules/@babel/eslint-parser/node_modules/semver": {
"version": "6.3.0",
"resolved": "[Link]
"integrity": "sha512-
b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5
"bin": {
"semver": "bin/[Link]"
}
},
 20

"node_modules/@babel/helper-annotate-as-pure": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6
DT
"dependencies":
{ "@babel/types":
"^7.16.7"
},
"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/helper-builder-binary-assignment-operator-visitor": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
C6FdbRaxYjwVu/geKW4ZeQ0Q31AftgRcdSnZ5/jsH6BzCJbtvXvhpfkbkThYSuutZA7nCXpPR6A
"dependencies": {
"@babel/helper-explode-assignable-expression": "^7.16.7",
"@babel/types": "^7.16.7"
},
"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/helper-compilation-targets": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
mGojBwIWcwGD6rfqgRXVlVYmPAv7eOpIemUG3dGnDdCY4Pae70ROij3XmfrH6Fa1h1aiDylpgl
b
"dependencies": {
"@babel/compat-data": "^7.16.4",
"@babel/helper-validator-option": "^7.16.7",
"browserslist": "^4.17.5",
"semver": "^6.3.0"
},
"engines":
{ "node":
">=6.9.0"
},
"peerDependencies":
{ "@babel/core":
"^7.0.0"
}
},
 21

"node_modules/@babel/helper-compilation-targets/node_modules/semver": {
"version": "6.3.0",
"resolved": "[Link]
"integrity": "sha512-
b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rB
"bin": {
"semver": "bin/[Link]"
}
},
"node_modules/@babel/helper-create-class-features-plugin": {
"version": "7.17.1",
"resolved": "[Link]
"integrity": "sha512-
JBdSr/LtyYIno/pNnJ75lBcqc3Z1XXujzPanHqjvvrhOA+DTceTFuJi8XjmWTZh4r3fsdfqaCMN
"dependencies": {
"@babel/helper-annotate-as-pure": "^7.16.7",
"@babel/helper-environment-visitor": "^7.16.7",
"@babel/helper-function-name": "^7.16.7",
"@babel/helper-member-expression-to-functions":
"^7.16.7", "@babel/helper-optimise-call-expression":
"^7.16.7", "@babel/helper-replace-supers": "^7.16.7",
"@babel/helper-split-export-declaration": "^7.16.7"
},
"engines":
{ "node":
">=6.9.0"
},
"peerDependencies":
{ "@babel/core":
"^7.0.0"
}
},
"node_modules/@babel/helper-create-regexp-features-plugin": {
"version": "7.17.0",
"resolved": "[Link]
"integrity": "sha512-
awO2So99wG6KnlE+TPs6rn83gCz5WlEePJDTnLEqbchMVrBeAujURVphRdigsk094VhvZehFoNO
"dependencies": {
"@babel/helper-annotate-as-pure": "^7.16.7",
"regexpu-core": "^5.0.1"
},
"engines":
{ "node":
">=6.9.0"
},
"peerDependencies":
{ "@babel/core":
"^7.0.0"
 22
}
},
 23

"node_modules/@babel/helper-define-polyfill-provider": {
"version": "0.3.1",
"resolved": "[Link]
"integrity": "sha512-
J9hGMpJQmtWmj46B3kBHmL38UhJGhYX7eqkcq+2gsstyYt341HmPeWspihX43yVRA0mS+8GG
k2G
"dependencies": {
"@babel/helper-compilation-targets": "^7.13.0",
"@babel/helper-module-imports": "^7.12.13",
"@babel/helper-plugin-utils": "^7.13.0",
"@babel/traverse": "^7.13.0",
"debug": "^4.1.1",
"[Link]": "^4.0.8",
"resolve": "^1.14.2",
"semver": "^6.1.2"
},
"peerDependencies":
{ "@babel/core": "^7.4.0-
0"
}
},
"node_modules/@babel/helper-define-polyfill-provider/node_modules/semver": {
"version": "6.3.0",
"resolved": "[Link]
"integrity": "sha512-
b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rB
"bin": {
"semver": "bin/[Link]"
}
},
"node_modules/@babel/helper-environment-visitor": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
SLLb0AAn6PkUeAfKJCCOl9e1R53pQlGAfc4y4XuMRZfqeMYLE0dM1LMhqbGAlGQY0lfw5/oh
oYW
"dependencies":
{ "@babel/types":
"^7.16.7"
},
"engines":
{ "node":
">=6.9.0"
}
},
 24

"node_modules/@babel/helper-explode-assignable-expression": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
KyUenhWMC8VrxzkGP0Jizjo4/Zx+1nNZhgocs+gLzyZyB8SHidhoq9KK/8Ato4anhwsivfkBLft
"dependencies": {
"@babel/types": "^7.16.7"
},
"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/helper-function-name": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
QfDfEnIUyyBSR3HtrtGECuZ6DAyCkYFp7GHl75vFtTnn6pjKeK0T1DB5lLkFvBea8MdaiUABx3o
"dependencies": {
"@babel/helper-get-function-arity": "^7.16.7",
"@babel/template": "^7.16.7",
"@babel/types": "^7.16.7"
},
"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/helper-get-function-arity": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
flc+RLSOBXzNzVhcLu6ujeHUrD6tANAOU5ojrRx/as+tbzf8+stUCj7+IfRRoAbEZqj/ahXEMsj
"dependencies": {
"@babel/types": "^7.16.7"
},
"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/helper-hoist-variables": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
m04d/0Op34H5v7pbZw6pSKP7weA6lsMvfiIAMeIvkY/R4xQtBSMFEigu9QTZ2qB/9l22vsxtM8a
 25
"dependencies": {
"@babel/types": "^7.16.7"
},
 26
"engines":
{ "node":
">=6.9.0"
}
},

"node_modules/@babel/helper-member-expression-to-functions": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
VtJ/65tYiU/6AbMTDwyoXGPKHgTsfRarivm+YbB5uAzKUyuPjgZSgAFeG87FCigc7KNHu2Pegh1
"dependencies": {
"@babel/types": "^7.16.7"
},
"engines":
{ "node":
">=6.9.0"
}
},

"node_modules/@babel/helper-module-imports": {
"version": "7.16.7",
"resolved": "[Link]
7.16.7.t
"integrity": "sha512-
LVtS6TqjJHFc+nYeITRo6VLXve70xmq7wPhWTqDJusJEgGmkAACWwMiTNrvfoQo6hEhFwAIix
NkvB0jP
"dependencies":
{ "@babel/types":
"^7.16.7"
},
"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/helper-module-transforms": {
"version": "7.16.7",
"resolved": "[Link]
transforms-7.
"integrity": "sha512-
gaqtLDxJEFCeQbYp9aLAefjhkKdjKcdh6DB7jniIGU3Pz52WAmP268zK0VgPz9hUNkMSYeH976
K2/Y6y
"dependencies": {
"@babel/helper-environment-visitor": "^7.16.7",
"@babel/helper-module-imports": "^7.16.7",
"@babel/helper-simple-access": "^7.16.7",
"@babel/helper-split-export-declaration": "^7.16.7",
 27
"@babel/helper-validator-identifier": "^7.16.7",
"@babel/template": "^7.16.7",
"@babel/traverse": "^7.16.7",
"@babel/types": "^7.16.7"
 28
},
"engines":
{ "node":
">=6.9.0"
}
},

"node_modules/@babel/helper-optimise-call-expression": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
EtgBhg7rd/JcnpZFXpBy0ze1YRfdm7BnBX4uKMBd3ixa3RGAE002JZB66FJyNH7g0F38U05pXm
A5P8cB
"dependencies":
{ "@babel/types":
"^7.16.7"
},
"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/helper-plugin-utils": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
Qg3Nk7ZxpgMrsox6HreY1ZNKdBq7K72tDSliA6dCl5f007jR4ne8iD5UzuNnCJH2xBf2BEEVGr+/
OL6G
"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/helper-remap-async-to-generator": {
"version": "7.16.8",
"resolved": "[Link]
async-t
"integrity": "sha512-
fm0gH7Flb8H51LqJHy3HJ3wnE1+qtYR2A99K06ahwrawLdOFsCEWjZOrYricXJHoPSudNKxrMB
UPEIPx
"dependencies": {
"@babel/helper-annotate-as-pure": "^7.16.7",
"@babel/helper-wrap-function": "^7.16.8",
"@babel/types": "^7.16.8"
},
"engines":
{ "node":
">=6.9.0"
}
},
 29
"node_modules/@babel/helper-replace-supers": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
y9vsWilTNaVnVh6xiJfABzsNpgDPKev9HnAgz6Gb1p6UUwf9NepdlsV7VXGCftJM+jqD5f7JIEubc
 30
pLj

"dependencies": {
"@babel/helper-environment-visitor": "^7.16.7",
"@babel/helper-member-expression-to-functions":
"^7.16.7", "@babel/helper-optimise-call-expression":
"^7.16.7", "@babel/traverse": "^7.16.7",
"@babel/types": "^7.16.7"
},

"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/helper-simple-access": {
"version": "7.16.7",
"resolved": "[Link]
[Link]
"integrity": "sha512-
ZIzHVyoeLMvXMN/vok/a4LWRy8G2v205mNP0XOuf9XRLyX5/u9CnVulUtDgUTama3lT+bf/Uqu
cuZjqi
"dependencies":
{ "@babel/types":
"^7.16.7"
},
"engines":
{ "node":
">=6.9.0"
}
},

"node_modules/@babel/helper-skip-transparent-expression-wrappers": {
"version": "7.16.0",
"resolved": "[Link]
"integrity": "sha512-
+il1gTy0oHwUsBQZyJvukbB4vPMdcYBrFHa0Uc4AizLxbq6BOYC51Rv4tWocX9BLBDLZ4kc6q
UFp
"dependencies":
{ "@babel/types":
"^7.16.0"
},
 31
"engines":
{ "node":
">=6.9.0"
}
},
 32

"node_modules/@babel/helper-split-export-declaration": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
xbWoy/PFoxSWazIToT9Sif+jJTlrMcndIsaOKvTA6u7QEo7ilkRZpjew18/W3c7nm8fXdUDXh02V
"dependencies": {
"@babel/types": "^7.16.7"
},
"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/helper-validator-identifier": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paT
gYS
"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/helper-validator-option": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
TRtenOuRUVo9oIQGPC5G9DgK4743cdxvtOw0weQNpZXaS16SCBi5MNjZF8vba3ETURjZpTbV
n7Vv
"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/helper-wrap-function": {
"version": "7.16.8",
"resolved": "[Link]
"integrity": "sha512-
8RpyRVIAW1RcDDGTA+GpPAwV22wXCfKOoM9bet6TLkGIFTkRQSkH1nMQ5Yet4MpoXe1Z
wHPVtNas
"dependencies": {
"@babel/helper-function-name": "^7.16.7",
"@babel/template": "^7.16.7",
 33
"@babel/traverse": "^7.16.8",
"@babel/types": "^7.16.8"
},
 34
"engines":
{ "node":
">=6.9.0"
}
},

"node_modules/@babel/helpers": {
"version": "7.17.2",
"resolved": "[Link]
"integrity": "sha512-
0Qu7RLR1dILozr/6M0xgj+DFPmi6Bnulgm9M8BVa9ZCWxDqlSnqt3cf8IDPB5m45sVXUZ0kuQA
gU
"dependencies": {
"@babel/template": "^7.16.7",
"@babel/traverse": "^7.17.0",
"@babel/types": "^7.17.0"
},
"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/highlight": {
"version": "7.16.10",
"resolved": "[Link]
"integrity": "sha512-
5FnTQLSLswEj6IkgVw5KusNUUFY9ZGqe/TRFnP/BKYHYgfh7tc+C7mwiy95/yNP7Dh9x580Vv8
r7
"dependencies": {
"@babel/helper-validator-identifier": "^7.16.7",
"chalk": "^2.0.0",
"js-tokens": "^4.0.0"
},
"engines":
{ "node":
">=6.9.0"
}
},
"node_modules/@babel/parser": {
"version": "7.17.0",
"resolved": "[Link]
"integrity": "sha512-
VKXSCQx5D8S04ej+Dqsr1CzYvvWgf20jIw2D+YhQCrIlr2UZGaDds23Y0xg75/skOxpLCRpUZvk/
"bin": {
"parser": "bin/[Link]"
},
"engines":
{ "node":
 35
">=6.0.0"
}
},
 36

"node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
anv/DObl7waiGEnC24O9zqL0pSuI9hljihqiDuFHC8d7/bjr/4RLGPWuc8rYOff/QPzbEPSkzG8w
"dependencies": {
"@babel/helper-plugin-utils": "^7.16.7"
},

"engines":
{ "node":
">=6.9.0"
},
"peerDependencies":
{ "@babel/core":
"^7.0.0"
}
},
"node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
di8vUHRdf+4aJ7ltXhaDbPoszdkh59AQtJM5soLsuHpQJdFQZOA4uGj0V2u/CZ8bJ/u8ULDL5yq6
"dependencies": {
"@babel/helper-plugin-utils": "^7.16.7",
"@babel/helper-skip-transparent-expression-wrappers": "^7.16.0",
"@babel/plugin-proposal-optional-chaining": "^7.16.7"
},
"engines":
{ "node":
">=6.9.0"
},
"peerDependencies":
{ "@babel/core":
"^7.13.0"
}
},
"node_modules/@babel/plugin-proposal-async-generator-functions": {
"version": "7.16.8",
"resolved": "[Link]
"integrity": "sha512-
71YHIvMuiuqWJQkebWJtdhQTfd4Q4mF76q2IX37uZPkG9+olBxsX+rH1vkhFto4UeJZ9dPY2s+m
D
 37
"dependencies": {
"@babel/helper-plugin-utils": "^7.16.7",
"@babel/helper-remap-async-to-generator":
"^7.16.8", "@babel/plugin-syntax-async-generators":
"^7.8.4"
 38
},
"engines":
{ "node":
">=6.9.0"
},
"peerDependencies":
{ "@babel/core": "^7.0.0-
0"
}
},
"node_modules/@babel/plugin-proposal-class-properties": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
IobU0Xme31ewjYOShSIqd/ZGM/r/cuOz2z0MDbNrhF5FW+ZVgi0f2lyeoj9KFPDOAqsYxmLWZte
1

"dependencies": {
"@babel/helper-create-class-features-plugin": "^7.16.7",
"@babel/helper-plugin-utils": "^7.16.7"
},
"engines":
{ "node":
">=6.9.0"
},
"peerDependencies":
{ "@babel/core": "^7.0.0-
0"
}
},
"node_modules/@babel/plugin-proposal-class-static-block": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
dgqJJrcZoG/4CkMopzhPJjGxsIe9A8RlkQLnL/Vhhx8AA9ZuaRwGSlscSh42hazc7WSrya/IK7mT
"dependencies": {
"@babel/helper-create-class-features-plugin": "^7.16.7",
"@babel/helper-plugin-utils": "^7.16.7",
"@babel/plugin-syntax-class-static-block": "^7.14.5"
},
"engines":
{ "node":
">=6.9.0"
},
"peerDependencies":
{ "@babel/core":
"^7.12.0"
}
},
 39

"node_modules/@babel/plugin-proposal-decorators": {
"version": "7.17.2",
"resolved": "[Link]
"integrity": "sha512-
WH8Z95CwTq/W8rFbMqb9p3hicpt4RX4f0K659ax2VHxgOyT6qQmUaEVEjIh4WR9Eh9NymkVn
5vws
"dependencies": {
"@babel/helper-create-class-features-plugin": "^7.17.1",
"@babel/helper-plugin-utils": "^7.16.7",
"@babel/helper-replace-supers": "^7.16.7",
"@babel/plugin-syntax-decorators": "^7.17.0",
"charcodes": "^0.2.0"
},
"engines":
{ "node":
">=6.9.0"
},
"peerDependencies":
{ "@babel/core": "^7.0.0-
0"
}
},

"node_modules/@babel/plugin-proposal-dynamic-import": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
I8SW9Ho3/8DRSdmDdH3gORdyUuYnk1m4cMxUAdu5oy4n3OfN8flDEH+d60iG7dUfi0KkYwSvo
alH
"dependencies": {
"@babel/helper-plugin-utils": "^7.16.7",
"@babel/plugin-syntax-dynamic-import": "^7.8.3"
},
"engines":
{ "node":
">=6.9.0"
},
"peerDependencies":
{ "@babel/core": "^7.0.0-
0"
}
},
 40
"node_modules/@babel/plugin-proposal-export-namespace-from": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
 41
ZxdtqDXLRGBL64ocZcs7ovt71L3jhC1RGSyR996svrCi3PYqHNkb3SwPJCs8RIzD86s+WPpt2S73
"dependencies": {
"@babel/helper-plugin-utils": "^7.16.7",
"@babel/plugin-syntax-export-namespace-from": "^7.8.3"
},
"engines":
{ "node":
">=6.9.0"
},
"peerDependencies":
{ "@babel/core": "^7.0.0-
0"
}
},

"node_modules/@babel/plugin-proposal-json-strings": {
"version": "7.16.7",
"resolved": "[Link]
"integrity": "sha512-
lNZ3EEggsGY78JavgbHsK9u5P3pQaW7k4axlgFLYkMd7UBsiNahCITShLjNQschPyjtO6dADrL24
"dependencies": {
"@babel/helper-plugin-utils": "^7.16.7",
"@babel/plugin-syntax-json-strings": "^7.8.3"
},
 42

OUTPUT: -
43
44
 45

Module Description

Model Description:

At the heart of our Online News Portal lies a sophisticated model designed to streamline the delivery
of news content, enhance user engagement, and foster community interaction. Comprising several
interconnected components, our model operates synergistically to create a seamless and immersive
news consumption experience. Below is a detailed description of each key component:

1. Content Aggregation and Curation: Our model begins with the aggregation and curation of news
content from a diverse array of sources, including reputable news outlets, independent journalists,
and user-generated content. Leveraging automated algorithms and manual editorial oversight, we sift
through vast amounts of information to identify timely, relevant, and credible news stories for
publication on our platform.
2.
3. Personalization Engine: Central to our model is a sophisticated personalization engine that analyzes
user behavior, preferences, and demographic data to deliver tailored news recommendations and
customized content experiences. Through continuous learning and refinement, the personalization
engine adapts to individual user interests, ensuring that each user receives content that aligns with
their unique tastes and interests.
4.
5. Interactive User Interface: Our model features an interactive user interface characterized by
intuitive navigation, visually compelling design, and seamless multimedia integration. Users can
easily browse through news categories, explore multimedia content, and engage with interactive
features such as comment sections, polls, and social media sharing. The user interface is optimized
for accessibility and responsiveness across various devices and screen sizes.
6.
7. Community Engagement Tools: To facilitate community engagement and social interaction, our
model incorporates a suite of community engagement tools, including discussion forums, user-
generated content submissions, and social media integration. These tools empower users to contribute
their perspectives, share opinions, and participate in meaningful dialogues surrounding news topics of
interest.
8.
9. Real-time Analytics Dashboard: Monitoring and optimizing user engagement and content
performance is essential to our model's success. Therefore, we employ a real-time analytics dashboard
that provides actionable insights into key metrics such as user engagement, traffic patterns, popular
topics, and social media interactions. These insights inform editorial decisions, content
recommendations, and platform enhancements, ensuring continuous improvement and relevance.
 46
10. Content Moderation and Fact-Checking: Upholding journalistic integrity and combating
misinformation are paramount priorities within our model. To achieve this, we implement robust
content moderation and fact-checking mechanisms that ensure the accuracy, reliability, and credibility
of published content. Automated algorithms, human moderators, and partnership with fact-checking
organizations collectively contribute to maintaining the integrity of our news portal.
11. Scalable Infrastructure: Behind the scenes, our model operates on a scalable and resilient
infrastructure hosted on cloud-based servers. This infrastructure ensures high availability,
performance, and security while accommodating fluctuations in user traffic and content
demand.
In essence, our model represents a harmonious convergence of technology, journalism, and
community engagement, designed to empower users with personalized, credible, and immersive news
experiences while fostering a vibrant and inclusive digital news ecosystem.
 47

TECHNOLOGIES

Our Online News Portal harnesses a blend of cutting-edge technologies to deliver a seamless and
immersive news consumption experience. Key technologies employed in the development and
operation of our platform include:

Content Management System (CMS): We utilize a robust CMS to efficiently organize, manage,
and publish news content. This enables our editorial team to curate and update articles, multimedia,
and other journalistic materials with ease.

Responsive Web Design (RWD): Our portal is built using responsive web design principles, ensuring
optimal performance and usability across a diverse range of devices and screen sizes, including
desktops, tablets, and smartphones.

Cloud Infrastructure: We leverage cloud computing infrastructure to ensure scalability, reliability, and
security. By hosting our platform on cloud servers, we can accommodate fluctuations in traffic,
minimize downtime, and safeguard against potential cyber threats.

Data Analytics and Personalization: Through the integration of data analytics tools and machine
learning algorithms, we analyze user behavior, preferences, and engagement patterns to deliver
personalized news recommendations and tailored content experiences.

Multimedia Integration: Our platform supports the seamless integration of multimedia content,
including videos, images, infographics, and interactive elements. This enhances the richness and
interactivity of news stories, catering to diverse audience preferences.

Social Media Integration: We incorporate social media integration features to facilitate seamless
sharing of news articles and engagement with our audience across popular social networking
platforms. This amplifies the reach and impact of our content within digital communities.
Accessibility Features: We prioritize accessibility by implementing features such as screen reader
compatibility, keyboard navigation, and text resizing options. This ensures that individuals with
disabilities can access and engage with our news portal without barriers.

By leveraging these technologies in tandem, our Online News Portal aims to deliver a dynamic, user-
centric, and technologically advanced news consumption experience, empowering audiences to stay
informed, connected, and engaged in an ever-evolving digital landscape.
 48

Creating a flow chart for an online news portal model involves illustrating the sequence of steps and
interactions between different components. Here's a simplified flow chart describing the typical
user journey and system processes within our Online News Portal model:

User Access and Navigation:

User accesses the Online News Portal through a web browser or mobile app.
User is presented with the homepage featuring top news stories and navigation options.

Content Aggregation and Curation:

System aggregates news content from various sources, including news agencies, journalists, and user
submissions.
Content is curated based on relevance, timeliness, and credibility.

Personalized Recommendations:
User interacts with the platform, browsing through news categories and articles.
Personalization engine analyzes user behavior and preferences.
Personalized news recommendations are displayed based on user interests.

Article Selection and Engagement:

User selects an article of interest to read.
User engages with multimedia content such as videos, images, and infographics within the article.
Interactive elements like polls, quizzes, and comment sections encourage user participation.

Community Engagement:
User interacts with community engagement tools, including discussion forums and social media
integration.
User shares articles or comments on social media platforms.
User participates in discussions, shares opinions, and contributes user-generated content.

Content Moderation and Fact-Checking:

User-generated content undergoes moderation to ensure compliance with community guidelines and
standards.
Fact-checking mechanisms verify the accuracy and credibility of published content.
 49

Real-time Analytics and Optimization:

System collects real-time data on user engagement, traffic patterns, and content performance.
Analytics dashboard provides insights for editorial decisions, content recommendations, and platform
optimization.

Feedback and Iteration:

User feedback is collected through surveys, ratings, and comments.
Feedback is analyzed to identify areas for improvement and innovation.
Iterative updates and enhancements are made to the platform based on user feedback and analytics
insights.

Scalable Infrastructure:
Platform operates on a scalable cloud-based infrastructure to ensure reliability, performance, and
security.
Infrastructure dynamically adjusts to accommodate fluctuations in user traffic and content demand.
This flow chart provides a visual representation of the interconnected processes and interactions
within our Online News Portal model, demonstrating how technology, journalism, and community
engagement converge to deliver a seamless and immersive news consumption experience.
 50

Conclusion:

In conclusion, the development and implementation of our Online News Portal represent a significant
milestone in the evolution of news dissemination in the digital age. Through the strategic integration
of advanced technologies, journalistic principles, and community engagement initiatives, we have
endeavored to create a platform that transcends the limitations of traditional news media and
embraces the opportunities afforded by the digital landscape.

Our Online News Portal is not merely a passive conduit for information but a dynamic ecosystem that
empowers users to engage with news content in personalized, interactive, and meaningful ways. From
personalized news recommendations to vibrant community discussions, our platform fosters informed
citizenship, promotes critical thinking, and nurtures a sense of belonging within the digital news
community.
Furthermore, our commitment to journalistic integrity, accuracy, and credibility remains unwavering.
By implementing robust content moderation, fact-checking mechanisms, and editorial oversight, we
strive to uphold the highest standards of professionalism and ethics, ensuring that our users can trust
the information they encounter on our platform.

As we look towards the future, we remain dedicated to continual innovation, adaptation, and
improvement. We recognize that the digital landscape is ever-evolving, and we are committed to
staying at the forefront of technological advancements, user preferences, and industry trends. Through
ongoing collaboration with our audience, partners, and stakeholders, we will continue to refine and
enhance our Online News Portal to meet the evolving needs and expectations of our users.

In essence, our Online News Portal is more than just a digital platform—it is a catalyst for positive
change, a beacon of enlightenment, and a cornerstone of the digital news ecosystem. We are proud to
have played a role in revolutionizing the way news is consumed, shared, and experienced in the 21st
century, and we look forward to the journey ahead as we continue to shape the future of journalism in
the digital age.
 51
References
1. Academic Journals and Research Papers:
 Studies on online journalism, digital media, user engagement, and news consumption habits.
 Research on the impact of technology on journalism practices and audience behavior.
 Academic analyses of online news platforms, content personalization, and community
engagement strategies.

2. Industry Reports and Whitepapers:
 Reports from market research firms on trends in online news consumption, digital
media technologies, and audience demographics.
 Whitepapers from technology companies specializing in content management systems,
data analytics, and user engagement tools for news portals.

3. Books and Textbooks:
 Books on journalism ethics, digital journalism, and the role of technology in media.
 Textbooks on web development, user experience design, and content management systems.

4. Online Resources:
 Websites of reputable news organizations and journalism associations for insights into industry
standards and best practices.
 Online platforms for tech news, digital media innovation, and discussions on media ethics
and integrity.

5. Interviews and Expert Opinions:
 Interviews with professionals in the fields of journalism, digital media, technology, and user
experience design.
 Opinions and insights from industry experts published in articles, blogs, or podcasts related
to online news portals.