https://github.com/vaibhav-chittora/news-blogs

This repo is regarding the newsBlog/Articles
https://github.com/vaibhav-chittora/news-blogs

bootstrap react reactjs

Last synced: 3 days ago
JSON representation

This repo is regarding the newsBlog/Articles

• Host: GitHub
• URL: https://github.com/vaibhav-chittora/news-blogs
• Owner: vaibhav-chittora
• Created: 2024-07-22T10:42:44.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-22T13:31:56.000Z (6 months ago)
• Last Synced: 2024-11-10T13:36:45.664Z (2 months ago)
• Topics: bootstrap, react, reactjs
• Language: JavaScript
• Homepage: https://news-blogs-eight.vercel.app
• Size: 1.42 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# News Article/Blogpost Project

## Overview

This project is a news article/blogpost platform that allows users to browse and read articles categorized by topic. The categories include:

- Sports

- Tech

- Science

- Entertainment

- Health

- Business

- etc...

Users can select a category and view a list of related articles. Each article includes a title, summary, and full content. Users can read the full article by clicking on the read more button.

## How to Use

### Running the Project Locally

1. Clone this repository by running `git clone https://github.com/vaibhav-chittora/News-Blogs.git` in your terminal.

2. Navigate to the project directory by running `cd News-Blogs`.

3. Install the required dependencies by running `npm install` or `yarn install`.

4. Start the project by running `npm run dev`.

5. Open your web browser and navigate to `http://localhost:5173`

### Selecting a Category

1. On the homepage, click on the category you're interested in (e.g., Sports, Tech, etc.).

2. You will be taken to a page listing all articles in that category.

3. Click on an article title to read the full article.

## Technical Details

This project uses:

- **Frontend**: React, Bootstrap for UI design

- **Backend**: NewsAPI for fetching news data 

### I have added the output in the `output result` folder inside `src`. You can check it out for the UI.