GitHunt
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
Next.js Express.js MongoDB Tailwind CSS
JavaScript Node.js localStorage

๐Ÿ› ๏ธ 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

amnaafzal/newsnest_frontend | GitHunt