Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 31 additions & 0 deletions .github/workflows/node.js.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs

name: Node.js CI

on:
push:
branches: [ "main" ]
pull_request:
branches: [ "main" ]

jobs:
build:

runs-on: ubuntu-latest

strategy:
matrix:
node-version: [18.x, 20.x, 22.x]
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/

steps:
- uses: actions/checkout@v4
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v4
with:
node-version: ${{ matrix.node-version }}
cache: 'npm'
- run: npm ci
- run: npm run build --if-present
- run: npm test
32 changes: 31 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1 +1,31 @@
# News-app
# News App

![Logo](https://your-logo-url.com/logo.png) <!-- Replace with your logo URL -->

## Overview

The News App is a React-based application designed to provide users with the latest news from various sources. It offers a user-friendly interface to browse through different categories of news articles, read summaries, and view full articles by clicking on the links. Built with modern web technologies, this app aims to deliver an efficient and engaging news-reading experience.

## Features

- **Latest News**: Stay updated with the latest news from multiple sources.
- **Categorized Articles**: Browse news by categories such as Sports, Technology, Health, and more.
- **Search Functionality**: Quickly find articles by keywords.
- **Responsive Design**: Enjoy a seamless experience on mobile, tablet, and desktop devices.
- **Social Media Integration**: Share articles on social platforms like Facebook, Twitter, and LinkedIn.

## Technologies Used

- **React.js**: For building the user interface.
- **CSS**: For styling the application.
- **News API**: To fetch the latest news articles.
- **React Router**: For navigating between different pages.
- **Axios**: For making API requests.

## Installation

To run the project locally, follow these steps:

1. Clone the repository:
```bash
git clone https://github.com/your-username/news-app.git
23 changes: 23 additions & 0 deletions news-app/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
31 changes: 31 additions & 0 deletions news-app/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
# News App

![Logo](https://your-logo-url.com/logo.png) <!-- Replace with your logo URL -->

## Overview

The News App is a React-based application designed to provide users with the latest news from various sources. It offers a user-friendly interface to browse through different categories of news articles, read summaries, and view full articles by clicking on the links. Built with modern web technologies, this app aims to deliver an efficient and engaging news-reading experience.

## Features

- **Latest News**: Stay updated with the latest news from multiple sources.
- **Categorized Articles**: Browse news by categories such as Sports, Technology, Health, and more.
- **Search Functionality**: Quickly find articles by keywords.
- **Responsive Design**: Enjoy a seamless experience on mobile, tablet, and desktop devices.
- **Social Media Integration**: Share articles on social platforms like Facebook, Twitter, and LinkedIn.

## Technologies Used

- **React.js**: For building the user interface.
- **CSS**: For styling the application.
- **News API**: To fetch the latest news articles.
- **React Router**: For navigating between different pages.
- **Axios**: For making API requests.

## Installation

To run the project locally, follow these steps:

1. Clone the repository:
```bash
git clone https://github.com/your-username/news-app.git
Loading