Update README.md

README.md

@@ -1,4 +1,4 @@
-# News App
+# HaalSamachar
 
 A modern React-based news application that provides a clean interface for browsing, searching, and bookmarking news articles.
 
@@ -11,6 +11,8 @@ A modern React-based news application that provides a clean interface for browsi
 - **Responsive Design**: Optimized for both desktop and mobile viewing
 - **Pagination**: Easy navigation through multiple pages of articles
 
+
+
 ## Tech Stack
 
 - React
@@ -34,6 +36,42 @@ src/
 └── utils/                # Helper functions and constants
 ```
 
+## **Screenshots**
+
+### **1. Main Page**  
+Displays the latest news articles with categories and a dynamic news feed.  
+![Main Page](https://i.postimg.cc/Qt5GGfrf/Screenshot-2024-12-19-182025.png)
+
+
+
+---
+
+### **2. Detailed Article Page**  
+View complete news articles with a clean and readable layout.  
+![Detailed Article](https://i.postimg.cc/0Q1XmxLC/Screenshot-2024-12-19-182255.png)
+
+
+
+
+---
+
+### **3. Search Results Page**  
+Search for articles by keywords and view highlighted results.  
+![Search Results](https://i.postimg.cc/gjXwWF2f/Screenshot-2024-12-19-182422.png)
+
+
+
+---
+
+### **4. Bookmark Page**  
+Save and revisit your favorite articles easily.  
+![Bookmark Page](https://i.postimg.cc/kX7rzNYy/Screenshot-2024-12-19-182159.png)
+
+
+
+
+---
+
 ## Getting Started
 
 1. Clone the repository
@@ -46,6 +84,7 @@ src/
    npm run dev
    ```
 
+
 ## Main Components
 
 - `Header`: Main navigation and search bar
@@ -82,10 +121,13 @@ The project uses modern React practices including:
 - Component-based architecture
 - Responsive design with Tailwind CSS
 
+
 ## Deployment
 
 The application is configured for deployment on Vercel with the included `vercel.json` configuration file.
 
+
+
 ## Contributing
 
 1. Fork the repository