Skip to content

RonitkumarSoni/News-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📰 News App

Project Thumbnail

Note: Add your project screenshot or thumbnail image at ./assets/thumbnail.png or provide an image link here.

A simple, fast, and responsive web application that displays the latest news from around the world. This project uses the News API to fetch and display real-time news updates.


🚀 Features

  • Real-time News: Fetches the latest headlines using the News API.
  • Search Functionality: Users can search for news on any specific topic.
  • Fully Responsive: Optimized for mobile, tablet, and desktop screens.
  • Clean UI/UX: Minimalist design for a better reading experience.

🛠️ Tech Stack

  • HTML5: For the structural layout.
  • CSS3: For styling and responsive design.
  • JavaScript (ES6): For API integration and dynamic DOM manipulation.
  • News API: As the primary data source.

📸 Screenshots

Desktop View Mobile View
Desktop Screenshot Mobile Screenshot

⚙️ Setup and Installation

  1. Clone the Repository:
    git clone [https://github.com/RonitkumarSoni/News-App.git](https://github.com/RonitkumarSoni/News-App.git)
    
    

Navigate to the Project Folder:

Bash cd news-app API Key Setup:

Go to NewsAPI.org and register for a free API key.

Open script.js and paste your API key in the designated variable.

Launch the App:

Simply open index.html in any web browser.

📂 Folder Structure Plaintext ├── index.html ├── style.css ├── script.js └── README.md

🤝 Contributing Contributions are welcome! If you have suggestions for new features or improvements, feel free to open a "Pull Request" or raise an "Issue".

👨‍💻 Developer Information Developed with ❤️ by Ronit Soni 🔗 LinkedIn: https://www.linkedin.com/in/ronit-soni-63bb3a37a/

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors