Skip to content

Latest commit

 

History

History
40 lines (27 loc) · 1.85 KB

README.md

File metadata and controls

40 lines (27 loc) · 1.85 KB

Dragon News Site

A simple and modern news website built with HTML, CSS, and JavaScript. Dragon News Site offers users the latest news and updates, providing a clean and user-friendly interface.

Live Demo

Check out the live version of the website:
Dragon News Live

Features

  • Responsive Design: Fully responsive layout that adapts to various screen sizes, from mobile phones to desktop monitors.
  • News Sections: Displays different categories of news (e.g., Technology, Sports, Politics, Entertainment).
  • Interactive User Interface: Includes hover effects, smooth scrolling, and interactive elements.
  • External APIs: Fetches real-time news data from the News API to keep the website updated with the latest news articles.
  • User-friendly Navigation: Easy-to-use navigation with clear categories and sections.

Technologies Used

  • HTML5: Structure and layout of the website.
  • CSS3: Styling of the website, including responsive design with media queries and modern CSS features.
  • JavaScript: Adding interactivity to the site, including fetching data, DOM manipulation, and handling user actions.
  • News API: Retrieves the latest news articles in various categories such as Technology, Sports, Politics, and Entertainment.
  • Firebase Hosting: The website is hosted using Firebase Hosting for fast and secure deployment.

How to Run the Project

  1. Clone the repository:

    git clone https://github.com/RafatH0ssain/Dragon-News_Site.git
  2. Open the project folder and open the index.html file in a browser.

  3. For development, you can use a local server or edit the files directly.

Contact

If you have any questions or feedback, feel free to reach out to me via email:
Email: rafat.click.hossain@gmail.com