A modern and responsive News Application built with React, Vite, Tailwind CSS, and DaisyUI. NewsApp fetches real-time news from a News API, allowing users to stay updated with the latest headlines across multiple categories. It features a clean UI, fast performance, responsive design, and efficient state management using the React Context API.
🌐 Live Demo: https://your-news-app.vercel.app
- 📰 Real-time news fetching using a News API
- 📂 Browse news by categories
- 🔍 Search for news articles
- ⚡ Fast and optimized performance with Vite
- 🎨 Modern and responsive UI using Tailwind CSS & DaisyUI
- 📱 Mobile-first responsive design
- 🌍 Latest headlines from multiple categories
- 🔄 Global state management with React Context API
- 🚀 Deployed on Vercel
- ♻️ Reusable React components
- 🧩 Clean and scalable project structure
- React
- JavaScript (ES6+)
- Vite
- HTML5
- CSS3
- Tailwind CSS
- DaisyUI
- React Context API
- News API (REST API)
- Vercel
- Git
- GitHub
- VS Code
NewsApp/
│── public/
│── src/
│ ├── assets/
│ ├── components/
│ ├── context/
│ ├── pages/
│ ├── App.jsx
│ ├── main.jsx
│ └── index.css
│
├── package.json
├── vite.config.js
└── README.md
git clone https://github.com/kavisingh300/NewsApp.gitcd NewsAppnpm installnpm run devThe application will be available at:
http://localhost:5173
Add screenshots of the following:
- 🏠 Home Page
- 🔍 Search Results
- 📂 Category Page
- 📱 Mobile View
This project is deployed using Vercel.
To deploy your own version:
- Push the project to GitHub.
- Import the repository into Vercel.
- Deploy with the default Vite settings.
During the development of this project, I gained practical experience with:
- Building applications using React
- Managing global state with Context API
- Fetching and displaying API data
- Working with asynchronous JavaScript
- Creating reusable React components
- Designing responsive interfaces using Tailwind CSS
- Using DaisyUI components effectively
- Deploying applications with Vercel
- Organizing scalable React project structures
- Managing source code with Git and GitHub
- 🌙 Dark/Light mode
- ❤️ Bookmark favorite articles
- 📑 Infinite scrolling
- 📄 Pagination
- 🌐 Multiple news sources
- 🔥 Trending news section
- 👤 User authentication
- 📌 Personalized news feed
Contributions, issues, and feature requests are welcome.
If you'd like to improve this project:
- Fork the repository.
- Create a new branch.
- Commit your changes.
- Open a Pull Request.
If you found this project helpful, consider giving it a ⭐ on GitHub. It helps others discover the project and motivates further improvements.
This project is licensed under the MIT License.
Kavi Kumar Singh
⭐ Thank you for visiting this repository! Feel free to explore the code, share feedback, or contribute to make NewsApp even better.