A responsive website that displays weather data based on area in real-time and dynamic background based on the weather.
- Search Input: You can enter the current city, and it will immediately appear on the display.
- Dynamic Background: The background can change according to the weather in the city.
- Fahrenheit Toggle: Changes the Celsius unit to Fahrenheit.
- Dark Mode: Changes the display to a dark color.
AI was utilized to generate a functional prototype to visualize the design and core features. I used this as a UI/UX and architectural reference, which I then completely rebuilt and reimagined to ensure original logic and clean implementation.
- Clone this repository
git clone https://github.com/username/think-terrace.git
- Go to the project directory
cd think-terrace
- Install dependencies
npm install
- Run the development server
npm run dev --open
