Meteofy is a weather application built using React and Next.js. It allows users to search for cities and view key weather information. The app displays the current day of the week, time, weather conditions, humidity, wind speed, and provides a 6-day weather forecast.
- City search functionality
- Display of the current day of the week and time
- Current weather conditions including:
- Temperature
- Weather description (e.g., sunny, cloudy, etc.)
- Humidity
- Wind speed
- 6-day weather forecast
- Fully responsive
The project is deployed on Netlify. You can access it here.
-
Clone the repository:
git clone https://github.com/stef-ania/react-weather-app.git
-
Navigate to the project directory:
cd react-weather-app -
Install dependencies:
npm install
- Start the development server:
npm run dev
- Open http://localhost:3000 with your browser to see the result.
- React ^18
- Next.js 14.2.3
- Axios ^1.7.2
- Moment.js ^2.30.1
- React Animated Weather ^4.0.1
- React Loader Spinner ^6.1.6
- Testing Library (DOM) ^10.1.0
- Testing Library (React) ^15.0.7
- Jest ^29.7.0
- Jest DOM ^6.4.5
- Jest Environment JSDOM ^29.7.0
- Canvas ^2.11.2
This application uses the OpenWeatherMap API to fetch weather data.
To run the tests, use the following command:
npm run testNote: Adding more tests is a work in progress.
Contributions are welcome! Please fork the repository and submit a pull request.

