📰 NewsHub

Personalized News & Radio Desktop App
Stay up-to-date with news, blogs, and articles from multiple sources, all in one customizable Electron interface.

---

🚀 Features

• Personalized content based on user preferences
• Sidebar navigation with dynamic highlights
• Category filters and source selection
• Trending news and most-read articles
• Customizable profile and settings
• Integrated radio for music and news
• Modern, responsive UI
• Fast content loading and smooth animations

---

� Project Structure

news-hub/
│
├── src/
│   ├── assets/        # Images, SVGs, icons
│   ├── backend/       # Express API, DB connection, backend logic
│   ├── components/    # HTML UI components
│   ├── py/            # Python scripts for RSS/news scraping
│   ├── scripts/       # JS for UI, content, and animation
│   ├── styles/        # CSS stylesheets
│   └── index.html     # Main HTML container
├── main.js            # Electron entry point
├── package.json       # Project metadata & dependencies
├── README.md
└── .gitignore

---

⚙️ Setup Instructions

Prerequisites

• Node.js (v18 or higher)
• MySQL Server
• Git

1. Clone the Repository

git clone https://github.com/zaid03/NewsHub.git
cd NewsHub

2. Backend Setup

1. Update your MySQL DB credentials in src/backend/db.js.
2. Install dependencies:

   npm install

3. Start the backend server:

   node src/backend/server.js

3. Frontend/Electron App

npm start

---

🛠️ Technologies Used

• Electron
• Node.js
• Express
• MySQL
• HTML5, CSS3, JavaScript (ES6+)

---

✍️ Author

Zaid Terguy
📍 Tetouan, Morocco
🚀 Passionate about full-stack development and user-centered apps

---

📄 License

This project is licensed under the MIT License — see the LICENSE file for details.

© 2025 Zaid Terguy

---

📬 Contact

For questions or feedback, open an issue or contact terguyzaid@gmail.com.