imhardikdesai / news-website

A News website which gives latest news about India. This website Build using Plain Venila Javascript. Also it use Fatch API.
https://news-website-web.vercel.app/
15 stars 13 forks source link
api css free-api hacktoberfest html javascript javascript-api javascript-applications javascript-project news-api news-website newsapi project

✨ News Website ✨

![Badge](https://img.shields.io/badge/HTML-blue) ![Badge](https://img.shields.io/badge/CSS-orange) ![Badge](https://img.shields.io/badge/-JS%20-blue) ![Badge](https://img.shields.io/badge/Version-1.0-green)
This is Static news website which fetch live and trending news from API. I have used azure static web app in this project to host.

Live Project : https://news-website-web.vercel.app


Tech Stack :

Table of Contents

- Overview
- Folder Structure
- UI of Website
- Contribution Guideline


Overview 🔨

A News website which gives latest news about India. This website Build using Plain Venila Javascript. Also it use Fatch API.

Folder Structure 📒

        |   |───Img
        │   └───Favicon
        ├───Components
        │   ├───Navbar
        │   └───Header of Website
        ├───News Box
        │   ├───Image of News
        │   ├───News Title
        │   ├───News Discription
        │   ├───Read More
        │   └───Date & Time
        ├───Footer


Some of image of my project while doing project:

Create Static web app Screenshot (280) Screenshot (280)
Deploy project
Screenshot (282)
Resource of the project
Screenshot (278)


UI of the Website

Screenshot (280)
Loading Page
Screenshot (282)
Home Page
Screenshot (278)
Responsive


API Reference

Get all items

  GET /api/https://inshorts.deta.dev/news?category=national
Parameter Type Description
api_key string Required. No Authorization


Setup Steps

Contribution Guidelines 🏗

To start contributing, follow the below guidelines:

1. Fork this repository.

2. Clone your forked copy of the project.

git clone https://github.com/imhardikdesai/news-website.git

3. Navigate to the project directory :file_folder: .

cd news-website

4. Add a reference(remote) to the original repository.

git remote add upstream news-website.git

5. Check the remotes for this repository.

git remote -v

6. Create a new branch.

git checkout -b <your_branch_name>

7. Perfom your desired changes to the code base.

8. Track your changes:heavy_check_mark: .

git add .

9. Commit your changes .

git commit -m "Relevant message"

10. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

11. To create a pull request, click on compare and pull requests.

12. Add appropriate title and description to your pull request explaining your changes and efforts done.

13. Click on Create Pull Request.

14 You did it! 🥳 Wait for your submission to be accepted and your PR to be merged.