Weather App

What is it?

6 Days Weather Forecast for Vancouver

Weather Forecast

▶︎ Go to GitHub ▶︎ Go to Vercel This is a Next.js weather app that utilizes a weather API to display accurate weather conditions for Vancouver over 6 days, with cute Shiba icons that add a touch of personality to the app. The dynamic background image that automatically changes every 3 seconds make it easy for users to check the weather and stay engaged with the app.

Today’s Weather Forecast for Any Inputted City

Today’s Weather

▶︎ Go to GitHub ▶︎ Go to Vercel This is a Next.js weather app that displays current weather conditions for any location using a weather API. What sets this app apart is its ability to change background images and icons based on the weather, providing users with a personalized and immersive experience.

Technologies Used

What I did

Development Period :

2023.2

Role :

Front-End Developer

UI/UX Designer

Illustrator

Member :

Myself

  • Implemented a display of weather data by utilizing a weather API.

6 Days Weather Forecast for Vancouver

  • Designed from scratch, the icons, logos, and favicon give the website a one-of-a-kind look that showcases creativity and originality.
  • Implemented a feature that dynamically changes icons based on the weather conditions with useEffect, and added an animation that complements the cuteness of the Shiba icons to give a better UI.

Today’s Weather

  • Implemented a feature that dynamically changes icon and background image based on the weather conditions with useEffect.

Challenges and Lessons Learned

  • Mindset Although the technical aspect of the development process was manageable, I spent a considerable amount of time and effort creating logos and images. This experience allowed me to develop a newfound appreciation for the hard work and dedication that illustrators and designers put into their craft. As a result, I resolved to approach my front-end development work with a more collaborative mindset, acknowledging that the joint efforts of designers and developers are essential to producing a truly exceptional end product.
I look forward to working with creative professionals and contributing to a collaborative work environment to deliver outstanding projects.

Future Plan

Code for 5 days weather app

6 Days Weather Forecast for Vancouver

  • Implement a feature for users to change the city, enhancing the user experience
  • Ensure a fully responsive design to optimize the app for various devices and screen sizes
You can follow me on LinkedIn, Facebook, and Instagram. Here is my Email (takagimio1990@gmail.com).