Skip to content

FrankieZzzzz/toronto-weather-app-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Toronto Weather App 🌦

WX20231031-100421@2x

WX20231031-100435@2x

Welcome to my Toronto Weather App, my first React project! This app provides you with the latest weather information for any city in the world and offers a delightful user experience.

Features 🌟

  • 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.

Technologies / Tool Used 🛠️

  • React
  • HTML & CSS
  • Open Weather API
  • Unsplash API
  • Moment.js
  • Figma

Try It Out 🚀

To see the app in action, visit [Toronto Weather App](https://toronto-weather-app-react.netlify.app/.

Getting Started 🏁

  1. Clone this repository: git clone https://github.com/your-username/your-repo.git
  2. Install the required dependencies: npm install
  3. Run the app locally: npm start

Color Reference 🎨

Color Hex
Dark Grey Dark Grey #48484A
Light Grey Dark Grey #7c7c7c
Orange Orange #EC6E4C
Navy Blue Navy Blue #202639
Light Navy Light Navy #3f4c77
white Light Navy #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! 🌆