An application for exploring and searching news articles.
This application is a Vue.js coding exercise that consumes a REST service to obtain a collection of JSON objects containing links to News Stories about a certain topic, renders any images from the news, and provides a link to the actual story.
| Desktop | Mobile |
|---|---|
 |
 |
- Search News: Enter a search term to find news articles. Keyword suggestions are provided.
- View Results: See matching news articles. If no matches are found, a message is displayed.
- News Details: Each news article displays a thumbnail and a headline. Click on these to read the full article.
- Pagination: Navigate through results 10 articles at a time.
- Keyword Search: Click on a keyword to refresh the page with new results based on that keyword.
- Flexible Design: The application is designed to easily add or swap out news feeds and modify the UI without altering the rendering logic.
This project uses pnpm as the package manager. You need to have Node.js version 18 or above.
# Clone the repository
git clone https://github.com/shaarkr/news-lister.git
# Go to the project directory
cd news-lister
# Install dependencies
pnpm install
# Start the development server
pnpm run devpnpm run dev: Starts the development server.pnpm run build: Builds the application for production.pnpm run preview: Serves the built application for preview.pnpm run lint: Lints the source code.pnpm run format: Formats the source code.pnpm run test: Runs the tests.pnpm run coverage: Runs the tests and generates a coverage report.
- Name: shaarkr
- Email: sharathkr@pm.me
- Website: https://sharathkr.netlify.app
Feel free to contribute by opening issues or submitting pull requests.
This project is MIT licensed.