https://github.com/vuvvvv/weathernews

The app aims to display weather news
https://github.com/vuvvvv/weathernews

anmation backend frontend java newsapi reactjs rive spring-boot

Last synced: about 2 months ago
JSON representation

The app aims to display weather news

• Host: GitHub
• URL: https://github.com/vuvvvv/weathernews
• Owner: vuvvvv
• Created: 2025-10-05T18:17:13.000Z (9 months ago)
• Default Branch: master
• Last Pushed: 2025-10-06T12:30:34.000Z (9 months ago)
• Last Synced: 2025-10-06T14:24:27.917Z (9 months ago)
• Topics: anmation, backend, frontend, java, newsapi, reactjs, rive, spring-boot
• Language: JavaScript
• Homepage:
• Size: 6.36 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# weathernews

![img](img/1.jpg)

A simple web application built with a Spring Boot backend and a React frontend, featuring smooth and interactive animations powered by Rive.

The app aims to display weather news in an attractive and responsive way, offering a sleek interface and a pleasant user experience across all devices especially on mobile.









![لقطة شاشة ](img/4.gif)

_animations by Rive_





- ![img](img/3.png)

  Rive allows you to design, animate, and interact with vector graphics directly inside your app.

  You can create custom animations (like buttons, loaders, or transitions) and trigger them through code using state machines and events making the UI feel dynamic and alive.





🌙 Night Mode Style

In night mode, I created a custom style for this component:

[`src/rain.js`](src/rain.js)

- ![img](img/5.png)





🌞 Day Mode Style

In day mode, I designed a bright and clean style for this component:

[`src/rainmorning.js`](src/rainmorning.js)

- ![img](img/6.png)













[@vuvvvv](https://github.com/vuvvvv)