Modify a weather forecast webapp built with React and Next.js in order to have a functional webapp
Budget: $30 – $250 USD
I am looking for a developer to modify a weather forecast webapp ( https://boltweather.netlify.app/ ) built with React, Next.js, Zustand, SWR, and Base Web UI in order to convert it into a functional website.
The specific modifications needed for the webapp include adding new weather parameters provided by the OpenWeatherMap API, (we can use worldweatheronline API as well) as well as:
- header with logo and search based on cities in database (jqueryui autocomplete widget)
- hourly weather table for today from 3h to 3h: https://prnt.sc/vddGWIHw4B7w
- hourly weather table for tommorow
- weather table for next 14 days (day_name, date (eg. 19 september), max_temp,min_temp,weather_icon,weather_description,wind_speed)
- detailed hourly daily weather for the next 7 days - 1 block for 1 day: detailed weather for current_date+2, +3, +4, and so on for the next 7 days
- header, footer, 3 static pages (to be able to add them in footer)
- metatitle/metadescription using weather now {} for temp, max_temp, min_temp, weather_description and wind tokens
- footer with 2-3 hyperlinks to static pages (terms, privacy policy)
All these must be linked to the worldweatheronline api. The data must be saved into the db.
In the end, we will have:
- homepage
- city page (with weather parameters for each city)
- API calls every day to update the city pages' parameters: meteo parameters must be called automatically every day for all cities (4900 locations) via the worldweatheronline API
The api calls' interval time must be editable in a file or code in order to be able to switch to a twice per day updates if needed. For the moment, they will be updated each morning at 7:00 am.
The API provides data in JSON or XML for each city name OR pair of coordinates; All coordinates are set in a .csv file with city name, county, lat, long. See what I want in the attached png.
The new features that I would like to add to the web app include extended forecast options.
The site will have a homepage and a city page.
The deadline for the completion of these modifications is within a week.
Ideal skills and experience for this job include:
- Proficiency in Next.js, React
- Experience in UI/UX improvements
- Knowledge of integrating with other weather data sources
The specific modifications needed for the webapp include adding new weather parameters provided by the OpenWeatherMap API, (we can use worldweatheronline API as well) as well as:
- header with logo and search based on cities in database (jqueryui autocomplete widget)
- hourly weather table for today from 3h to 3h: https://prnt.sc/vddGWIHw4B7w
- hourly weather table for tommorow
- weather table for next 14 days (day_name, date (eg. 19 september), max_temp,min_temp,weather_icon,weather_description,wind_speed)
- detailed hourly daily weather for the next 7 days - 1 block for 1 day: detailed weather for current_date+2, +3, +4, and so on for the next 7 days
- header, footer, 3 static pages (to be able to add them in footer)
- metatitle/metadescription using weather now {} for temp, max_temp, min_temp, weather_description and wind tokens
- footer with 2-3 hyperlinks to static pages (terms, privacy policy)
All these must be linked to the worldweatheronline api. The data must be saved into the db.
In the end, we will have:
- homepage
- city page (with weather parameters for each city)
- API calls every day to update the city pages' parameters: meteo parameters must be called automatically every day for all cities (4900 locations) via the worldweatheronline API
The api calls' interval time must be editable in a file or code in order to be able to switch to a twice per day updates if needed. For the moment, they will be updated each morning at 7:00 am.
The API provides data in JSON or XML for each city name OR pair of coordinates; All coordinates are set in a .csv file with city name, county, lat, long. See what I want in the attached png.
The new features that I would like to add to the web app include extended forecast options.
The site will have a homepage and a city page.
The deadline for the completion of these modifications is within a week.
Ideal skills and experience for this job include:
- Proficiency in Next.js, React
- Experience in UI/UX improvements
- Knowledge of integrating with other weather data sources