📰 Swift News

A modern, fast, and responsive news app built using React, Tailwind CSS, and GNews API — offering category and country filtering, infinite scroll, dark mode, and SEO optimization.

🌐 Live Demo: [https://swiftnews-zeta.vercel.app/]

---

🚀 Features

• 🌍 Filter by Country and Category
• ♾️ Infinite Scrolling for Articles
• 🌙 Dark Mode Toggle
• ⚡ Top Loading Bar for UX Feedback
• 🧭 Responsive Navbar with Dropdown Menus
• 📩 Contact Form Powered by Web3Forms
• 📈 SEO Optimized with Dynamic Meta Tags
• 📱 Fully Mobile Responsive UI
• 🧪 Setup for Testing with Jest

---

🛠️ Tech Stack

• React
• Tailwind CSS
• React Router
• React Helmet
• GNews API
• Web3Forms
• react-top-loading-bar

---

📂 Project Structure

├── public/
│   ├── favicon.ico
│   ├── logo192.png
│   ├── logo512.png
│   ├── ms-icon-*.png
│   ├── manifest.json
│   ├── robots.txt
│   └── index.html
├── src/
│   ├── assets/
│   ├── components/
│   │   ├── DarkModeToggle.jsx
│   │   ├── Footer.jsx
│   │   ├── Navbar.jsx
│   │   └── NewsCard.jsx
│   ├── pages/
│   │   ├── About.jsx
│   │   ├── Contact.jsx
│   │   ├── Home.jsx
│   │   ├── News.jsx
│   │   └── NotFound.jsx
│   ├── App.jsx
│   ├── App.css
│   ├── index.js
│   ├── index.css
│   ├── setupTests.js
│   ├── reportWebVitals.js
│   └── .env.local
├── tailwind.config.js
├── package.json
├── package-lock.json
├── .gitignore
└── README.md

⚙️ Environment Setup

1.Clone the repository

git clone https://github.com/CoreTech7704/swiftnews.git
cd swiftnews

2. Install dependencies

npm install

3. Add environment variables

Create a .env.local file in the root:

REACT_APP_NEWS_API=your_gnews_api_key
REACT_APP_WEB3FORM_KEY=your_web3form_key

4. Start the development server

npm start

---

📜 License

This project is licensed under the MIT License.

Feel free to use, modify, and distribute this project for personal and commercial purposes.

---

🤝 Contributing

Contributions, issues and feature requests are welcome! If you like the project, give it a ⭐️ on GitHub.

---

👨‍💻 Author

Patel Sarvam GitHub: @CoreTech7704 LinkedIn: https://www.linkedin.com/in/sarvam-patel-89a414300/

---