Project description

𝐁𝐞𝐚𝐜𝐡 𝐖𝐞𝐚𝐭𝐡𝐞𝐫 𝐅𝐫𝐚𝐧𝐜𝐞 is a user-friendly React app that shows real-time weather updates for beaches in France. The app uses a map with icons to help you see the current beach conditions at a glance.

𝗞𝗲𝘆 𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀:

-𝐈𝐧𝐭𝐞𝐫𝐚𝐜𝐭𝐢𝐯𝐞 𝐌𝐚𝐩: Easily find your favorite beaches in France. -𝐖𝐚𝐭𝐞𝐫 𝐓𝐞𝐦𝐩𝐞𝐫𝐚𝐭𝐮𝐫𝐞: Check how warm the water is for swimming. -𝐖𝐢𝐧𝐝 𝐈𝐧𝐟𝐨: Get details on wind speed and direction. -𝐔𝐕 𝐈𝐧𝐝𝐞𝐱: Stay safe with accurate UV index readings. -𝐇𝐞𝐥𝐩𝐟𝐮𝐥 𝐈𝐜𝐨𝐧𝐬 Icons: Quickly understand weather conditions with clear icons. -𝐑𝐞𝐬𝐩𝐨𝐧𝐬𝐢𝐯𝐞 𝐃𝐞𝐬𝐢𝐠𝐧: Easily view weather information on different devices

Screenshots

Preview the Web App :

Live Demo

Setup

Clone

git clone https://github.com/faridmth/france-beach-weather.git

Install dependencies

npm i

Start the app

npm start

After starting the app visit : http://localhost:3000/

Build the app

npm run build

Api Used in This Project :

My Custom API (fr-plages-uvi-api) for UV info MeteoCity API for air temperature , water Temperature , wind speed and direction

Libraries Used in This Project :

React-leaflet for the interactive map

Contact Info :

Linkedin || Twitter