ProjectsAdvanced Weather App
Featured Project

Advanced Weather App

A modern weather application that provides real-time weather information with a clean, responsive, and user-friendly interface. The app allows users to search for weather conditions across different cities in Vietnam, view detailed metrics, and save search history using Local Storage. Built with React and TypeScript for scalability and robustness.

10Technologies
8Key Features

Technologies

Tools and technologies used in this project

ReactReactTypescriptTypescriptTailwind CSSTailwind CSSHTMLHTMLCSSCSSJavaScriptJavaScriptVSCodeVSCodeFigmaFigmaVercelVercelGitGit
Advanced Weather App

Key Features

Main highlights of the project

  • Real-time weather details: temperature, humidity, pressure, visibility, wind speed, and overall condition.

  • Temperature unit conversion between °C and °F.

  • Search weather by city/province in Vietnam, with intelligent suggestions.

  • Search history stored in Local Storage, automatically loaded on app startup.

  • 5-days weather forecast, displayed with detailed time frames.

  • View weather of multiple regions through reusable forecast components.

  • Responsive and modern UI using TailwindCSS for seamless mobile, tablet, and desktop experience.

  • Optimized performance through React hooks, component splitting, and local caching.