Skip to content

stef-ania/react-weather-app

Repository files navigation

☂️ Meteofy - Weather Application

✨ Description

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.

🌈 Features

  • 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

🌅 Some images of the project

Default view

Error message view

🚀 Project in production

The project is deployed on Netlify. You can access it here.

🛠️ Installation

  1. Clone the repository:

    git clone https://github.com/stef-ania/react-weather-app.git
  2. Navigate to the project directory:

    cd react-weather-app
  3. Install dependencies:

    npm install

🔮 Usage

  1. Start the development server:
    npm run dev
  2. Open http://localhost:3000 with your browser to see the result.

💻 Technologies Used

  • 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

🔌 API

This application uses the OpenWeatherMap API to fetch weather data.

🧪 Running Tests

To run the tests, use the following command:

   npm run test

Note: Adding more tests is a work in progress.

🤝 Contributing

Contributions are welcome! Please fork the repository and submit a pull request.

📨 Contact

If you have any questions, please feel free to reach out at

About

Meteofy - Just a React weather app.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published