imhardikdesai/news-website

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

✨ News Website ✨

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 :

• 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

Deploy project
Resource of the project

## UI of the Website

Loading Page
Home Page
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

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

news-website's Issues

Implement Dark Mode

I want to implement Dark mode and also smooth transition from light to dark mode and vice versa.

@imhardikdesai please assign me this .

Vercel Deployment

Hey! Dev deploy the website to vercel because its not loading in github pages.

Create Proper Card Gallery for news

Description

Create Proper Card Gallery for news

Scope

• 
• Card Grid should be proper
• Fix CSS layout issue

Acceptance Criteria

• You can also Create an Separate issue for any Changes
• All scope are fix correctly, if you have made proper PR and changes then your PR merge by hacktoberfest and hacktoberfest-accepted label

Labels

• CSS
• Responsive Design
• Hacktoberfest