📰 PepperChronicles - Dynamic News App

A responsive ReactJS web application delivering real-time news articles across various categories. Powered by a modern frontend stack, API integrations, and deployed globally via Netlify.

Live: https://pepperchronicles.netlify.app

---

🚀 Features

• 🔥 Fetches real-time news using an external News API
• 🗂️ Browse through 5+ categories: Business, Entertainment, Health, Sports, Technology
• 🌐 Client-side routing using React Router
• 📱 Fully responsive design for mobile, tablet, and desktop
• ⚡ Fast load times and dynamic rendering

---

🧰 Built With

Tech	Usage
ReactJS	Component-based architecture
React Router	Client-side routing
Fetch API	Real-time API data handling
Netlify	CI/CD + Deployment
CSS	Styling and responsiveness

---

📂 Folder Structure

PepperChronicles/
├── public/
├── src/
│   ├── components/           # React components (news list, navbar, etc.)
│   ├── App.js                # App root component
│   ├── App.css               # Global styles
│   ├── index.js              # Entry point
│   └── ...                   # Testing, reporting
├── package.json              # Dependencies and scripts
└── README.md

---

⚙️ Getting Started

🔧 Local Setup

# Clone the repository
git clone https://github.com/vedantmpatil/PepperChronicles.git
cd PepperChronicles

# Install dependencies
npm install

# Start development server
npm start

Visit: http://localhost:3000

---

🔌 API Integration

• Uses an external News API (e.g., NewsAPI.org)
• Handles category-based endpoints dynamically
• Pagination and loading indicators included

---

🌐 Deployment

Deployed with Netlify:

• GitHub integration
• Continuous deployment on push
• Custom domain: pepperchronicles.netlify.app

🙌 Author

Developed by Vedant Patil in March 2024.

If you like this project, ⭐ it on GitHub and share it with others!