MCPcopy Index your code
hub / github.com/aminawinti/the-weather-forecasting

github.com/aminawinti/the-weather-forecasting @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
28 symbols 82 edges 27 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Application screenshot

With The Weather Forecasting user can search locations by city name and observe the weather for the next 5-6 days and 3 hour interval.

The app is developed using React.js and material-UI.

💻 Live Demo:

https://the-weather-forecasting.netlify.app

✨ Getting Started

  • Make sure you already have Node.js and npm installed in your system.
  • You need an API key from OpenWeatherMap. After creating an account, grab your key.
  • Then, under the src directory, go to api/OpenWeatherService and replace WEATHER_API_KEY with your OpenWeatherMap API Key.
  • api/OpenWeatherService.js: It contains the code related to the back-end of the application.

⚡ Install

  • Clone the repository:
git clone https://github.com/Amin-Awinti/the-weather-forecasting.git

  • Install the packages using the command npm install

📙 Used libraries

  • react-js
  • material-ui

Check packages.json for details

📄 Todos

  • [ ] Styled-components
  • [ ] Convert the entire project to TypeScript
  • [ ] Unit Testing
  • [ ] On launch, find user location weather by utilizing GeolocationAPI/GEOCODING
  • [ ] Celcius/Fahrenheit conversion
  • [ ] Dark/Light Mode

Thank You ☺

Core symbols most depended-on inside this repo

getAverage
called by 4
src/utilities/DataUtils.js
importAll
called by 1
src/utilities/IconsUtils.js
getWeekDays
called by 1
src/utilities/DatetimeUtils.js
getDayMonthFromDate
called by 1
src/utilities/DatetimeUtils.js
transformDateFormat
called by 1
src/utilities/DatetimeUtils.js
getUTCDatetime
called by 1
src/utilities/DatetimeUtils.js
groupBy
called by 1
src/utilities/DataUtils.js
getMostFrequentWeather
called by 1
src/utilities/DataUtils.js

Shape

Function 28

Languages

TypeScript100%

Modules by API surface

src/utilities/DataUtils.js6 symbols
src/utilities/DatetimeUtils.js5 symbols
src/utilities/IconsUtils.js2 symbols
src/utilities/ApiService.js2 symbols
src/components/Search/Search.js2 symbols
src/api/OpenWeatherService.js2 symbols
src/components/WeeklyForecast/UnfedForecastItem.js1 symbols
src/components/TodayWeather/Details/WeatherIconDetail.js1 symbols
src/components/TodayWeather/Details/CityDateDetail.js1 symbols
src/components/Reusable/UTCDatetime.js1 symbols
src/components/Reusable/SectionHeader.js1 symbols
src/components/Reusable/LoadingBox.js1 symbols

For agents

$ claude mcp add the-weather-forecasting \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact