WEATHER APP

Deploy

Online demo

---

Applied technologies (Stack)

This weather app was created with this tecnologies: Next.js with TypeScript. Styles from Tailwind CSS and Icons from React Icons.

Uses the Open Weather Map API, and the library React Query, it makes fetching, caching, synchronizing and updating server state in your web applications a breeze. In this case I used axios.

For manage Dates I used date-fns

For state managment Jotai

Getting Started (modify)

First, run the development server:

git clone https://github.com/sergioortegadev/weather-app-next.git

npm install

npm run dev

Open http://localhost:3000 with your browser to see the result.

---

I used mkcert to emulate some features that only work on secure servers.

For example, get local position via GPS

---

Learn More

To learn more about the developer:

• Sergio Ortega dev
• Sergio Ortega's portfolio - an interactive portfolio.

---

This app extracts data from the Open Weather Map API.

---

Loading dots animated designed by Sam Herbert (@sherb)