React Weather Widget

Weather App built with React. Live Demo

Technical Stack

React, Typescript, ViteJS, TailwindCSS, React-Query

Required an API key from OpenWeatherMap.

create a .env file at root directory of project, with content copied from .env.example

VITE_BASE_URL=https://api.openweathermap.org
VITE_API_KEY=YOUR_KEY

Install dependencies and run the local server

npm install
npm start

OpenWeatherMap (Weather data API)

Name		Name	Last commit message	Last commit date
Latest commit History 12 Commits
.github/workflows		.github/workflows
.husky		.husky
src		src
.editorconfig		.editorconfig
.env.example		.env.example
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc		.prettierrc
.stylelintrc.json		.stylelintrc.json
README.md		README.md
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts