NewsPortal-Js ✨

This project is a web application that includes features such as checking login status, displaying top news articles, and showing the current date, time, and location. 🌐📰⌚🗺️

Table of Contents 📑

Installation
Usage
Features
Screenshots
Contributing

Installation ⚙️

To use this project, follow these steps:

Clone the repository: git clone https://github.com/your-username/project-name.git 📥
Open the project directory: cd project-name
Open the index.html file in a web browser. 🌐

Usage 🚀

Upon opening the web application, the login status is checked. 🔒
If the user is not logged in, they will see a "Login" button. Clicking on the button will redirect the user to the login page. 🔑👈
If the user is logged in, they will see a "Logout" button and their user ID displayed. 🔓👋
Clicking on the "Logout" button will remove the user ID from local storage and redirect the user to the homepage. 🚪
The web application fetches the top headlines from the News API and displays them in two different sections. 📰
- The first section displays the top 5 news articles as clickable elements. Clicking on an article will redirect the user to the full article. 🔗📝
- The second section displays a list of articles with their title, image, publication date, and description. 🗞️📅📝
The web application also displays the current date, time, and location. 📅⌚🗺️
- The date and time are obtained using JavaScript's Date object and displayed on the webpage. 📅⌚
- The location is obtained using the user's geolocation data. If the location is available, it will be displayed. Otherwise, a default message will be shown. 🗺️❓