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
- 🔥 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
| 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 |
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
# Clone the repository
git clone https://github.com/vedantmpatil/PepperChronicles.git
cd PepperChronicles
# Install dependencies
npm install
# Start development server
npm startVisit: http://localhost:3000
- Uses an external News API (e.g., NewsAPI.org)
- Handles category-based endpoints dynamically
- Pagination and loading indicators included
Deployed with Netlify:
- GitHub integration
- Continuous deployment on push
- Custom domain: pepperchronicles.netlify.app
Developed by Vedant Patil in March 2024.
If you like this project, ⭐ it on GitHub and share it with others!