Welcome to the News App! The app allows users to explore trending news articles all around the world.
Check out the live site here.
-
Search News: Users can search for news articles using keywords. The app queries the MediaStack API for relevant news articles based on the search query.
-
Read More: For each news article displayed in the search results, users can click on a "Read More" button to view detailed information about the article.
-
Filter by Category: Users can filter news articles by category, making it easy to find articles related to specific topics of interest.
-
Dark Theme: The app provides a dark theme option for users who prefer a darker color scheme for better readability in low-light conditions.
- Clone the repository:
git clone https://github.com/your-username/news-app.git - Navigate to the project directory:
cd news-app - Install the dependencies:
npm install - Create a
.env.localfile and add yourMEDIASTACK_API_KEYandSTEPZEN_API_KEY - Start the development server:
npm run dev - Open your web browser and visit
http://localhost:3000(or the specified port)
-
Next.js: The app is built using Next.js, a React framework for server-rendered applications.
-
TypeScript: TypeScript is used for static typing, improving code quality and developer productivity.
-
Tailwind CSS: Tailwind CSS is used for styling the app, making it responsive and visually appealing.
-
StepZen: StepZen is used to create a unified GraphQL API that fetches data from various sources, including the MediaStack API.
-
MediaStack API: MediaStack provides access to news articles and is used to fetch news data for the app.
Contributions are welcome! If you would like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Commit your changes.
- Push your branch to your forked repository.
- Submit a pull request.
This project is licensed under the MIT License.