Main page
Main page
Form Auto-completePWAReactAPILocal storagestyled-componentsResponsive LayoutUX/UI Design

Responsive weather app that auto-detects user location for real-time weather, supports smart city search with suggestions, user history via localStorage, and PWA for a native-like experience.

ninjaProject Highlights

  • Responsive & Interactive UI
    Built a responsive weather app using React and styled-components, with auto-detect location and smart city search integrating multiple APIs with auto-complete.
  • Real-Time Weather Data
    Integrated OpenWeatherMap API to provide up-to-date weather information.
  • PWA & Persistent User Data
    Implemented Progressive Web App support and saved searched cities in localStorage for a native-like, seamless experience.
React icon
Next.js icon
TypeScript icon
TanStack icon
Shadcn/ui icon
Storybook icon
HTML5 icon
CSS3 icon
Javascript icon
Tailwind CSS icon
Sass icon
CSS Modules icon
VS code icon
Github icon
Figma icon
UX/UI icon
Photoshop icon
Illustrator icon
React icon
Next.js icon
TypeScript icon
TanStack icon
Shadcn/ui icon
Storybook icon
HTML5 icon
CSS3 icon
Javascript icon
Tailwind CSS icon
Sass icon
CSS Modules icon
VS code icon
Github icon
Figma icon
UX/UI icon
Photoshop icon
Illustrator icon
contact me banner