AM
amnaafzal/newsnest_frontend
📰 NewsNest Frontend This is the frontend interface of NewsNest, a dynamic news web application that provides users with the latest headlines. Built with React.js, the app offers a clean and responsive UI real-time news updates fetched from the backend API.
📰 NewsNest
🧠 Overview
NewsNest is a sleek, fully responsive web application that fetches news from multiple reliable sources like Dawn, Daily Times, The International News, and Tribune. Users can browse latest headlines, and even save personal notes, edit or delete them. Light & dark modes included for better readability.
✨ Features
- 🌐 Real-time news headlines from various sources
- 📝 Note-taking: Save your thoughts about articles
- 🧽 Edit or delete notes anytime
- 💡 Light/Dark mode toggle
- 📱 Fully responsive on all screen sizes
- 🔒 LocalStorage-powered notes (no account required)
- 💻 Clean, modern UI using Tailwind CSS
A full-stack News Aggregator App
Built with ❤️ using Next.js, Tailwind CSS, Express.js & MongoDB
🚀 Tech Stack
| Frontend | Backend | Database | Other |
|---|---|---|---|
 |
 |
 |
 |
 |
 |
 |
🛠️ Setup Instructions
📦 Backend Setup
# Clone the repo
git clone https://github.com/amnaafzal/newsnest_backend.git
cd newsnest_backend
# Install dependencies
npm install
# Create a .env file
touch .env
# Add your MongoDB URI
MONGO_URI=mongodb://localhost:27017/newsnest
# Start the server
node server.js
🚀 Live Demo
🔗 Deployed on Vercel: newsnest.vercel.app