Weather App

Technologies

Javascript

Image
JavaScript Icon

React

Image
React Icon

Tailwind CSS

Image
TailwindCSS Icon

This is a comprehensive weather application that delivers accurate, real-time weather information through an intuitive and responsive interface. Built with Node.js and React, the application provides users with detailed meteorological data and forecasting capabilities across multiple locations.

The frontend leverages React for dynamic component rendering and Tailwind CSS for modern, responsive styling that adapts seamlessly to all device sizes. The backend utilizes Axios for efficient API communication with external weather services including REST Countries API and OpenWeatherMap API.

Key features include:

  • Real-time weather data with current conditions and forecasts

  • Location-based services with automatic detection for Motril (default location)

  • Random city weather functionality for exploring global weather patterns

  • Multi-language support for international accessibility

  • Temperature unit conversion (Celsius/Fahrenheit) for user preference

  • Responsive design optimized for mobile and desktop experiences

  • RESTful API integration ensuring reliable data retrieval

  • User-friendly interface with intuitive navigation and controls

The application demonstrates modern web development practices including API integration, state management, responsive design, and user experience optimization.

Video file