Skip to content

Latest commit

 

History

History
28 lines (19 loc) · 796 Bytes

README.md

File metadata and controls

28 lines (19 loc) · 796 Bytes

Weather Dahsboard | Visit Here

Demo

2023-01-09_02-55-48.mov

Project Context

A fully responsive Weather Dashboard with Real Time weather insights and autocomplete features for searchbar.

Key Commands

  • Ctrl + k -> to open the search bar
  • Arrow Keys -> to cycle through the search results
  • Enter -> to select a particular search input
  • Ctrl + c -> to toggle the temperature unit
  • Ctrl + Enter -> to get the weather for the selected input

Learnings

  • Responsive Design using Tailwindcss
  • Component Animations using Framer Motion
  • Principles of UX Design

Tech Stack Used

  • React
  • Tailwindcss
  • Framer Motion