Redux Toolkit News App

This project is a React application utilizing Redux Toolkit for state management. The app fetches and displays news articles from the News API and includes user authentication using Redux state.

Demo

📌 Features

• User Authentication: Sign in functionality with Redux state
• News Fetching: Retrieves top headlines from BBC News
• Private Routing: Protects the news page and requires authentication
• Material UI Styling: Uses MUI components for a modern UI

🛠 Tech Stack

• React.js
• Redux Toolkit
• React Router
• Material UI
• News API

📂 Project Structure

reduxToolkit/ │── node_modules/ │── public/ │── src/ │ ├── app/ # Redux Store Configuration │ ├── assets/ # Static assets (loading gif) │ ├── components/ # Reusable UI components │ ├── features/ # Redux slices (news & auth) │ ├── pages/ # Page components (Login, News) │ ├── router/ # Routing logic │ ├── App.js # Main App component │ ├── index.js # Entry point │── .gitignore │── package.json │── README.md

Authentication

• Default login credentials:

• Email: imren

• Password: 1234

---

This README includes:

• A project overview
• Installation steps
• Authentication details
• A GIF demo for better visualization