A modern news application built with React that fetches and displays news from various categories using the NewsAPI.
- Real-time news updates
- Category-based news filtering
- Search functionality
- Responsive design
- Modern UI with gradient themes
- Newsletter subscription
- Contact form
- React 18+
- Vite
- React Router DOM
- Bootstrap 5
- Font Awesome
- NewsAPI
-
Clone the repository:
git clone https://github.com/Sakil-Dev/news-app.git
-
Install dependencies:
cd news-app npm install -
Create a
.envfile in the root directory and add your NewsAPI key:VITE_API_KEY=your_api_key_here
-
Start the development server:
npm run dev
news-app/
├── src/
│ ├── components/
│ │ ├── Navbar.jsx
│ │ ├── NewsBoard.jsx
│ │ ├── NewsItems.jsx
│ │ └── Footer.jsx
│ ├── pages/
│ │ ├── Home.jsx
│ │ ├── About.jsx
│ │ └── Contact.jsx
│ └── App.jsx
└── package.json
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
MIT