✨ News Website ✨

Badge Badge Badge Badge

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.

Tech Stack :

  • Frontend: HTML,CSS,JavaScript
  • Version Control: Git and GitHub
  • Hosting: Github
  • Code Editor and tools: VS Code

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)


## 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

  • Go to directory
$ cd news-website

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 📁 .

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.