- Weather Data: Powered by the Open Weather API, this app fetches real-time weather data.
- Search Functionality: Easily search for weather information in any locations.
- Detailed Weather Information: Get detailed daily weather forecasts for today and the upcoming week.
- Day & Night Visuals: Experience dynamic visuals that change with the time of day, adding to the user experience.
- City Photos: Cityscape photos sourced from Unsplash API.
- Time Management: Accurate time is displayed with the help of Moment.js.
- React
- HTML & CSS
- Open Weather API
- Unsplash API
- Moment.js
- Figma
To see the app in action, visit [Toronto Weather App](https://toronto-weather-app-react.netlify.app/.
- Clone this repository:
git clone https://github.com/your-username/your-repo.git
- Install the required dependencies:
npm install
- Run the app locally:
npm start
Color | Hex |
---|---|
Dark Grey | #48484A |
Light Grey | #7c7c7c |
Orange | #EC6E4C |
Navy Blue | #202639 |
Light Navy | #3f4c77 |
white | #ffffff |
Feel free to explore and contribute to this project. If you have any suggestions or find issues, please create a GitHub issue. Thanks for visiting the Toronto Weather App! 🌆