Next Weather Ts

Weather App

A Weather App built with React, TypeScript, and Tailwind CSS. This is a Test Case for a Job Application.

About Me 💙»

📫 How to reach me

How To Run This Project 🚀

• Clone the repo

  git clone
  

• Install NPM packages

  npm install
  

• Run the project

  npm run dev
  

• Open the project on your browser

  http://localhost:3000/
  

• Enjoy! 🎉

About The Project

https://github.com/yamisagi/next-weather-ts/assets/84624853/de78fcf6-f7b1-4316-9830-fa88cb1d1345

In this project, I built a Weather App using React, TypeScript, and Tailwind CSS with Open Weather API.

Roadmap

• Project Setup
• Create Components Folder
• Create Input Component & Recent Button Component
• Create Time Component
• Create Temperature Component
• Implement API Call to Open Weather API
• Implement Types for API Response
• Implement Search Functionality
• Implement Location Button Functionality to get user's current location
• Implement Metric Button Functionality to change temperature unit
• Improve Styling & Responsiveness
• Improve Recent Button Functionality
• Project Done 🎉
• Deploy to Vercel

(Still working on it...)

(back to top)

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.
  

(back to top)