Skip to content

Vallarasu-KSG/News-Web-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📰 NewsWeb

A modern and responsive news web application built using React.js. This project fetches real-time news articles using the GNews API and displays them in a clean, category-based UI.

🌐 Live Demo: NewsWeb Live Website


🚀 Features

  • 🔥 Latest trending news
  • 📂 Category-based news filtering
  • 📱 Fully responsive design
  • ⚡ Fast and clean UI
  • 🌐 Real-time API data fetching
  • 🎨 Custom modern navbar & cards
  • 🔍 Dynamic news updates

🛠️ Built With

  • ⚛️ React.js
  • 🎨 CSS3
  • 🌐 GNews API
  • 🚀 Netlify Deployment

📸 Screenshots

Website Preview


⚙️ Installation

Clone the repository:

git clone https://github.com/Vallarasu-KSG/News-Web-App.git

Go to the project folder:

cd newsweb

Install dependencies:

npm install

Start the development server:

npm start

🔑 Environment Variables

Create a .env file in the root folder and add:

REACT_APP_API_KEY=YOUR_GNEWS_API_KEY

📂 Project Structure

src/
│
├── Components/
├── Pages/
├── App.js
├── index.js
└── styles/

🌍 API Used


🚀 Deployment

This project is deployed using:

  • Netlify

📌 Future Improvements

  • 🌙 Dark mode
  • 🔎 Search functionality
  • 📑 Pagination
  • ❤️ Bookmark feature
  • 🌍 Multi-language support

👨‍💻 Author

Made with ❤️ by Jithan

GitHub: GitHub Profile


📜 License

This project is open source and available under the MIT License.

Releases

No releases published

Packages

 
 
 

Contributors