Giter VIP home page Giter VIP logo

news-webapp-api's Introduction


Logo

NEWS.COM

The website basically shows the top news headline of the country in which the user is browsing the site

Report a Bug · Request feature

Languages Used

  • HTML

  • CSS

  • JAVASCRIPT

Contributing

Contributions are always welcome!

Have a look on our CONTRIBUTING guide for ways to get started. Please adhere to this project's CODE OF CONDUCT.

API Reference

  1. IPAPI : For getting user's residing country.

  2. gnews : For fetching news.

Author

Support

For support, reach me out at @bisht_6903

Appendix

Check out our site

Thanks to all Contributors

Thanks a lot for spending your time helping news-webapp-api.

Contributors

news-webapp-api's People

Contributors

aarav238 avatar abhay-raj19 avatar aditibendre avatar aditisingh2003 avatar andermendoza avatar ashu-0453 avatar ayushhgupta39 avatar codemaniac-sahil avatar decaffeinatedcoffee avatar heysagnik avatar jaspreet099 avatar laxmankohar avatar lusifer65 avatar mustafaazad03 avatar nicolasarths avatar piyush-sri avatar prashant-kr01 avatar pushpendrasahu11 avatar pushpitsahay avatar raksha630 avatar richaroy7 avatar rishitagangwal avatar ritik-singh07 avatar riyaku11 avatar sahadat-sk avatar sahilrajput18 avatar shivanshdubey-232 avatar siddhiagarkar avatar sivam2313 avatar thisisamish avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

news-webapp-api's Issues

I want to add a button for moving the page from bottom to up .

Description

I want to add a move to top button in the bottom right corner so that while surfing the page if the user wants to move to the top
at of the page , by directly clicking on that button the user can move to the top of the page .

Button specification
→ Round Top arrow button
→ Hovering effect

Describe how the idea would be helpful
while surfing in the bottom sections of the webpage if the user directly wants to move at the top then it will be easily possible
and handy for the user to click on that button and reach at the top.

Some what like this

image

Dark Mode button and Navbar Not aligned

Describe the bug
The Dark mode button is not inside the navbar and the navbar is not properly assigned. After fixing the issue, it will not be weirdly at the corner but will be at the center.

Browser
Google Chrome

Screenshots
image

Add toggle button

Please describe your idea.
We can add a toggle button in place of "Dark Mode".

Describe how the idea would be helpful
It will make the website more appealing.
Screenshot (15)

Additional context

The headlines don't load when maximum number of requests to the API has reached

Describe the bug

The headlines do not load when a maximum number of requests to the API has been reached. There is no error message or any kind of feedback given to the user in this case. I want to fix that with a proper error message.

Browser

I am using the latest version of Chrome on Windows 11.

Screenshots

Console screenshot:
image_160


Web page screenshot:
image_161

Add contact form in Contact Us button

Please describe your idea.
I would add a contact form in the contact Us button.

Describe how the idea would be helpful
Currently, when we press the contact us button, nothing happens, after adding the form it will open a new page with a contact form.

Please assign me this and add Hacktoberfest and Hacktoberfest-accepted label.

[bugs]: responsiveness

The images width ain't mobile responsive..

Changes needs to be added to the container

No icon inside theme button and dark mode is not functionig properly .

Describe the bug
No icon inside theme button and dark mode is not functionig properly .
As in the below attached screenshot You can see that some of the items of navbar are hidden in dark mode.

Browser
Chrome

Screenshots
newsapi

Additional context
Add any other context about the problem here.

Add hover effect in Footer

Describe the bug
Add hover effect in footer

Browser
Chrome

Screenshots
Screenshot (32)

Additional context
Add any other context about the problem here.

Navbar Is Not Responsive

Hey ,
Here In Your Website There Is A Bug In Responsiveness
image
I want to contribute to this please assign this task to me

The sizes of the cointainer

Describe the bug
The size of the box is different in each section.

Browser
Chrome

Screenshots
Screenshot (31)

Additional context
Add any other context about the problem here.

Add transition effect on hovering on news card.

Please describe your idea.
I will add the hover transition effect on news card.

Describe how the idea would be helpful
It Will give user a enhanced experience.

I will add this effect in the below attached section.
news

adding toggle button for dark mode

Please describe your idea.
I want to add a toggle button for dark mode .

Describe how the idea would be helpful
looking great in page

Dark mode is not properly applied.

Describe the bug
The area in navbar is not completely black a strip of white color is left. It makes the website look uneven

Browser
Chrome

Screenshots
Screenshot (23)

Additional context
Add any other context about the problem here.

Content of homepage are not in centered

I would like to add content of homepage in center which makes website looks attractive.
I opened this issue under hacktoberfest 2022
Can you please assign it to me?
image

Copyright text

Describe the bug
The copyright text is moving as the page moves up and down.

Browser
Chrome

Screenshots

Additional context
Add any other context about the problem here.
Screenshot (17)

Improve footer and reduce the reduction of words

Describe the bug
I want to modify footer and in footer section About Us is written twice.
I want to fix that.

Browser
Chrome

Screenshots
Screenshot (24)

Additional context
Add any other context about the problem here.

Change the color of the footer

Describe the bug
the footer section doesn't matches with the overall layout of the website.

Browser
Chrome

Screenshots
Will make it look like this.
Screenshot (51)

Font style of Footer

Please describe your idea.
I would like to make the font-style of footer section more appealing and a lot better.

Describe how the idea would be helpful
This would make the website look a lot better, and gain more users.

Please assign me this issue and Add hacktoberfest and hacktoberfest-accepted label.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.