aivan22/news_site_01

news_site_01

Welcome to my news website! This website allows you to view the latest news in various categories such as business, health, technology, sports, and science. You can also view individual articles by clicking on a news headline.

If you have any feedback or suggestions, please don't hesitate to contact me.

News_site Website

This is a Django-based news website that displays the latest news articles from various categories such as business, health, technology, sports, and science. The website also allows users to view individual news articles and browse through previous articles in each category. Features

Display the latest news articles from various categories on the homepage View individual news articles by clicking on the title or image Browse through previous articles in each category using pagination View the about page to learn more about the website

Prerequisites

Python 3.8 or higher Django 3.1 or higher

Installation:

pip install django

Clone the repository:

git clone https://github.com/AIVAN22/news_site_01.git

Navigate to the project directory:

cd news_site

cd news

Run the migrations:

python manage.py makemigrations

python manage.py migrate

Create a superuser:

python manage.py createsuperuser

Run the development server:

python manage.py runserver

Open the website in your browser at http://127.0.0.1:8000/. You can log in to the admin panel at http://127.0.0.1:8000/admin/.

This project is for educational purposes only and is not intended for production use.

news_site_01's Issues

Issue with Button Placement on PC and Mobile Modes

The issue I am facing is that I am unable to position the next and previous buttons for the pages on each side of the screen [left, right]. This is causing a problem because it is affecting the user experience on both PC and mobile modes of the website.

In PC mode, the buttons need to be placed on opposite sides of the screen to enable users to navigate through the pages easily. Similarly, in mobile mode, the buttons need to be positioned at the bottom of the screen for easy access on smaller screens.

I have tried several CSS solutions, but none have worked so far. I would be grateful for any help or suggestions to resolve this issue.