BIT HACK’23 – (02-09-2023)

SOFTWARE

WEB TECHNOLOGY
Problem Code: WD09
PERSONALIZED NEWS WEBSITE
TEAM DETAILS
TEAM MEMBER 1 GUIDE DETAILS
NAME :AJAY VISHAL R P GUIDE NAME : MADHANRAJ
ROLL NO :7376212CB102 GUIDE ID:I7178
DEPARTMENT :COMPUTER SCIENCE AND BUSINESS SYSTEMS
TEAM MEMBER 2
NAME :THARUN S
ROLL NO :7376211CS317
DEPARTMENT :COMPUTER SCIENCE AND ENGINEERING
TEAM MEMBER 3
NAME :SANJAY KUMAR M R
ROLL NO :7376211CS317
DEPARTMENT :COMPUTER SCIENCE AND ENGINEERING
TEAM MEMBER 4
NAME :YASIKA A
ROLL NO :7376212IT274
DEPARTMENT :INFORMATION TECHNOLOGY
TEAM MEMBER 5
NAME :POOJA SHREE C
ROLL NO :7376212CB134
DEPARTMENT :COMPUTER SCIENCE AND BUSINESS SYSTEMS
PROBLEM STATEMENT ANALYSIS :

The problem statement revolves around the need for staying informed with real-time news

tailored to one's interests. The goal is to receive breaking news alerts, comprehensive

coverage, and engage with a user-friendly interface in a trustworthy and ad-free manner.

► Real-time News: The solution will provide up-to-the-minute updates on global events, sports,

technology, and entertainment.

► Tailored to Interests: The solution will allow users to customize their news sources

► Breaking News Alerts: The solution will offer real-time alerts for new mentions, high-reaching

mentions, spikes in volume, influential tweets, and high-impact business events

► Comprehensive Coverage: The solution will deliver breaking news from major news sources.

► User-Friendly Interface: The solution will have a user-friendly interface that is easy to navigate and

interact with.

► Trustworthy and Ad-Free: The solution will be independent and not affiliated with any news sources
UNIQUENESS :

Our website gives customers a comprehensive news consumption experience

with the seamless integration of real-time news updates, personalized
content curation, and powerful voice search features.
Unlike traditional news platforms, our website empowers users to tailor their
news feed according to their interests, ensuring they receive only the
content that resonates with them.
With cutting-edge voice search functionality, headline reader users can
effortlessly retrieve news articles using natural language, eliminating the
need for typing and enhancing accessibility.
In a world of information overload, our website stands out by offering a
personalized kids mode, saving users time and energy while keeping them
informed.
ORIGINALITY :
Our idea remakes how news is consumed, making it a standout example of
creativity in the ever changing digital world. Here's how we've achieved
originality in our project:

► Customized Personal News: Our idea is a personalized news center that

adjusts to the preferences of each user, not just another news aggregator.
► Interaction powered by voice: Voice search is not new, but our initiative
takes it to a higher level. Users are able to conduct natural language
searches for news information utilizing cutting-edge speech recognition
technology.
► Smooth API Integration: Our platform now has a real-time authenticity
component thanks to the integration of external APIs. We are able to give
breaking news as it develops by utilizing dependable news sources.
► Innovative Design Aesthetics: Our project's visual design is not only
aesthetically pleasing; it was specifically created to improve usability.
JavaScript, CSS, and HTML are combined to create a slick, user-friendly
interface that transforms how users engage with news content.
 DESIGN AND METHODOLOGY :
A structured methodology and careful design are required to build a seamless and interesting news
platform. Our project exemplifies a meticulous design and methodology approach to guarantee an
innovative and user-centric news discovery experience.

User-Centered Design: Every design decision stems from an understanding of the requirements and
preferences of our users. To make sure that the layout, features, and interaction patterns meet user
expectations, we conducted user research.

Visual Appeal: The visual components have been thoughtfully chosen to offer a contemporary and
aesthetically pleasing experience. A journey that is immersive and enjoyable is made possible by carefully
chosen colour schemes, typography, and imagery.

Layout: Our design is responsive, ensuring that the platform runs without a hitch on devices with different
screen sizes. The content can be accessed and interacted with by users without any compromise, whether
they are using a desktop, tablet, or mobile device.
Methodology:
Our methodology is a blend of agile development and break into small parts. Our project's
foundation is built upon integrating reputable news APIs. This involves connecting to external data
sources to deliver real-time news updates.

Agile Development:
We follow an agile development approach, breaking down the project into manageable sprints. This
methodology allows us to quickly respond to changing requirements, integrate new features, and
ensure continuous improvement.

API Integration:
Our project's foundation is built upon integrating reputable news APIs. This involves connecting to
external data sources to deliver real-time news updates. We meticulously select APIs that offer
reliable and diverse news content.

Voice Interaction Development:

The implementation of voice search is a result of extensive research and experimentation with
speech recognition technologies. We've fine-tuned the system to accurately understand and process
user queries in natural language.
WORK PLAN :
TECHNOLOGY / SKILL REQUIREMENT - CONTRIBUTOR MAPPING :

Skills / Technologies Required for the Team member’ s Name (Contributing the
S.No
project required skill / technology)

1 JAVASCRIPT, API KEY(GOOGLE) AJAY VISHAL R P

CONNECTION

2 UI/UX DESIGN(LOGIN THARUN S

&REGISTER),API KEY (INSHORT)

3 UI/UX DESIGN, BOOTSTRAP SANJAY KUMAR M R

4 DATABASE CONNECTION,UI(KIDS YASIKA A

MODE)

5 VOICE RECOGNITION,DB POOJA SHREE C

CONNECTION
GANTT CHART :

TASK WEEK 1 WEEK 2 WEEK 3 WEEK 4 WEEK 5

Design

Requirement

Development

Testing

Final Outcome
EXPECTED FINAL OUTCOME:
THANK YOU