Scribd
Upload
6 views8 pages

Nwes Search App

Uploaded by

jshubh004
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
6 views8 pages

Nwes Search App

Uploaded by

jshubh004
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 8

Monday, September 09,2024 IT@HCST 1

Hindustan College of Science and Technology, Farah, Mathura


Department of Information Technology

INTERNSHIP PROJECT
ON
PROJECT TITLE
Company Name: Student Name:

Roll No.

Duration:
Semester:
Monday, September 09,2024 IT@HCST 2

Presentation Outline
1. xxxxxxxxxxxxxxxxxxx
Monday, September 09,2024 IT@HCST 3

INTRODUCTION
• What is a News Search App?
• A News Search App is a web-based application that allows users to search for, view,
and read news articles from various sources. It typically aggregates content from
multiple news websites, blogs, or online publications, making it easier for users to find
relevant news on topics they are interested in. These apps usually feature:
• Search functionality: Users can input search terms (like a keyword, topic, or
category) to find related news articles.
• News categorization: News can be organized into different categories such as
"Technology," "Sports," "Politics," "Health," etc.
• Real-time updates: The app fetches the most recent news, ensuring users are always
informed about the latest happenings.
• The purpose of the app is to make it easier for users to discover and read news from
various sources, all in one place. It can be a personal tool or even a prototype for a
more complex application.
Sunday, December 15, 2024 IT@HCST 4

TECHNOLOGIES USED
• This slide explains the technologies you will use to build the app.
• Frontend:
• HTML: Provides the structure for the app (layout, content).
• CSS: Handles the styling (colors, fonts, spacing, etc.) to make the app visually
appealing.
• JavaScript: Handles the dynamic behavior, such as fetching news, updating the UI,
and handling user interactions.
• AJAX/Fetch API: Allows the app to request news data from external sources (news
API) without reloading the page, enabling real-time updates.
• Backend (Optional):
• News API: A service like NewsAPI, NY Times API, or Google News API that
provides the latest news articles in JSON format.
• This slide emphasizes that the app will use front-end technologies (HTML, CSS, JS) to
create the user interface and API integration to fetch real-time news.
Sunday, December 15, 2024 IT@HCST 5

HOW IT WORKS
• This slide explains the basic flow of how the app operates.
1.User Input: The user types a search term or selects a category in the
search bar.
2.Fetch News: JavaScript makes an HTTP request (using Fetch API or
AJAX) to the news API, passing the search query or category.
3.Display Results: Once the data is received, JavaScript processes it and
displays the articles in the app's UI.
4.Interactivity: Users can click on headlines to open the full articles in new
tabs.
• This explains the basic user interaction and how the app works from the
moment the user performs a search to the point they see the results.
Sunday, December 15, 2024 IT@HCST 6

USER INTERFACE DESIGN


• This slide outlines the key UI components of the News Search App.
• Search Bar: A central part of the app, where users input their queries (e.g.,
"Artificial Intelligence", "Football").
• Filter Options: A dropdown or buttons that allow users to select a category
(e.g., Technology, Health, Business). These help narrow down the search
results.
• News Cards: Each article is presented in a "card" format with:
• Headline: The title of the article.
• Description: A short summary or snippet from the article.
• Link: A clickable link to the full article.
• This slide illustrates what the app will look like and how users will interact
with the design elements to search and view news.
Sunday, December 15, 2024 IT@HCST 7

DEMO OF THE NEWS SEARCH APP


• This slide can include a screenshot or video demo of the
News Search App in action.
• Show the search bar.
• Show a search result after the user enters a query.
• Display news cards with headlines, summaries, and links.
• This will give the audience a visual idea of what the app looks
like and how it behaves when interacting with it.
Sunday, December 15, 2024 IT@HCST 8

CHALLENGES & SOLUTIONS


• THIS SLIDE COVERS COMMON CHALLENGES WHEN BUILDING A NEWS
SEARCH APP AND HOW TO SOLVE THEM.
• API RATE LIMITS: MANY NEWS APIS LIMIT THE NUMBER OF REQUESTS
YOU CAN MAKE. SOLUTION: USE A FREE TIER OR IMPLEMENT CACHING.
• CORS ISSUES: THE BROWSER MIGHT BLOCK REQUESTS FROM A
DIFFERENT DOMAIN. SOLUTION: USE A PROXY SERVER OR SERVICES
THAT HANDLE CORS.
• ERROR HANDLING: IF THE API REQUEST FAILS OR NO ARTICLES ARE
FOUND. SOLUTION: DISPLAY AN ERROR MESSAGE OR A "NO RESULTS
FOUND" MESSAGE.
• THIS SLIDE HELPS ANTICIPATE POTENTIAL ISSUES DEVELOPERS MAY
FACE AND GIVES SUGGESTIONS ON HOW TO ADDRESS THEM.

You might also like