Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enhanced the UI for NewsApp and add User Authentication #1230

Merged
merged 2 commits into from
Aug 10, 2024
Merged
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
25 changes: 25 additions & 0 deletions Projects/News app/client/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
# 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
.env
/.vscode

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

This is a modern, sleek news application built using React and the NewsAPI. It allows users to sort, filter, and query news articles across various categories such as Politics, Business, Technology, Arts, Science, Health, and Sports.

[LIVE LINK](https://main--inferno-news-app.netlify.app)

## Features

- Sort news articles by categories
- Filter news articles by keywords
- Responsive design with a dark theme and glowing neon elements
- Animated logo with pastel colors

## Screenshots

Homepage:
![News App](https://github.com/user-attachments/assets/733c145b-1e67-4f71-9105-a81ffd754673)

Auth:
![Auth](https://github.com/user-attachments/assets/fca71fd0-61a3-450e-a4a1-09532a72f6cc)



## Getting Started

Follow these instructions to clone the project and run it locally on your machine.

### Prerequisites

- Node.js
- npm (or yarn)

### Installing

1. **Clone the repository:**

```bash
git clone https://github.com/apu52/METAVERSE.git
cd news-app
```

2. **Install the dependencies:**
```bash
npm install
# or
yarn install
```
3. **Get your API key from NewsAPI:**

Visit [NewsAPI](https://newsapi.org) and sign up to get your API key. <


4. **Create a .env file in the root of the project and add your API key:**
```env
REACT_APP_NEWS_API_KEY=your_news_api_key_here
```

### Running the app
1. **To run the app locally, use:**

```bash
npm start
# or
yarn start
```

2. **Install the dependencies:**
```bash
npm install
# or
yarn install
```
This will start the development server and you can view the application in your browser at http://localhost:3000.

## Usage

1. Use the category buttons to sort news articles by category.
2. Use the search bar to filter news articles by keywords.
3. Click on a news card to read the full article.

## Built with
- [React](https://reactjs.org/) - The web framework used
- [NewsAPI](https://newsapi.org) - The API used to fetch news articles
Loading