NewsToday is a modern, responsive news website built with Next.js 13, React, Redux, and Tailwind CSS. It features a dynamic navbar, dark/light mode toggle, mobile-friendly design, and a clean, user-friendly interface for browsing news across multiple categories. News are fetched through google news api endpoint based on different categories and search queries.
- Fully responsive design (mobile, tablet, desktop)
- Dark and light theme toggle
- Dynamic navigation bar with:
- Logo
- Search bar (centered on tablet/iPad)
- Notifications
- Profile avatar
- Hamburger menu for mobile and tablet
- Multi-category navigation: Top Stories, World, Politics, Business, Tech, Culture
- Hamburger menu overlays content (does not push it down)
- Smooth animations for opening/closing menus
- LocalStorage theme persistence
You can check the live demo here: https://newstoday-nu.vercel.app/
-
Clone the repository:
-
Navigate into the project directory
cd news_today
-
Install dependicies
npm install yarn install
- Run the development server
npm run dev yarn dev
- Open http://localhost:3000 in your browser.
-
Toggle Theme: Click the Moon/Sun icon to switch between light and dark mode.
-
Search: Use the search input to fetch news based on input keywords.
-
Hamburger Menu: On mobile and tablet, click the hamburger to open the navigation menu overlay.
-
Navigation: Click menu items to navigate diffent news categories.
-
Categories: works like the nav menus, click on any of the categories to see different news articles based on selected category
-
News Details: click on the "Read more" button or any of the news article to see more details about it, you can also check other related articles in the same page.
Contributions are welcome!
-
Fork the repository
-
Create a new branch: git checkout -b feature-name
-
Make your changes and commit: git commit -m "Add new feature"
-
Push to your branch: git push origin feature-name
-
Open a Pull Request
This project is licensed under the MIT License.