FastWeather

Inspiration

My inspiration was mainly to create something that is truly my own. This is my first project after a year of learning web development.

What it does

It basically shows the weather in your location using the Geolocation API and a third party API. You can also search for a city to look up the weather somewhere else.

How I built it

I built it using Next.js, React-Query for the data fetching, TailwindCSS and Shadcn/ui for styling.

Challenges I ran into

The most challenging part was to managing the data. I went into so many trouble trying to achieve what I wanted and changed the whole project structure time to time.

Accomplishments that I'm proud of

I was happy to see a working app that I made myself. Although the UI and the responsiveness is bad I think it looks good overall.

What I learned

-How Geolocation API works & Data fetching in React-Query

What's next for FastWeather

I may improve the visual style and overall UX and add more features like the ability to change metrics or a dark mode switch etc.

I would really appreciate it if you gave me a feedback. I would like to know how else I could approach to certain things and how else I could've done something differently.

Built With

• next.js
• react-query
• shadcn/ui
• tailwindcss