{"id":49406059,"url":"https://github.com/viboverse/react-weather-app","last_synced_at":"2026-04-28T21:34:19.563Z","repository":{"id":312462884,"uuid":"1047564399","full_name":"viboverse/react-weather-app","owner":"viboverse","description":"Weather dashboard with search and forecast powered by a public weather API.","archived":false,"fork":false,"pushed_at":"2026-01-02T14:22:08.000Z","size":3654,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-01-08T20:47:16.810Z","etag":null,"topics":["api","css","html","javascript","openweather-api","react","tailwindcss","webapp"],"latest_commit_sha":null,"homepage":"https://react-weather-app-vtjz.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/viboverse.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-08-30T17:44:59.000Z","updated_at":"2026-01-02T14:22:12.000Z","dependencies_parsed_at":"2025-08-30T20:46:34.687Z","dependency_job_id":null,"html_url":"https://github.com/viboverse/react-weather-app","commit_stats":null,"previous_names":["viboverse/react-weather-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/viboverse/react-weather-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/viboverse%2Freact-weather-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/viboverse%2Freact-weather-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/viboverse%2Freact-weather-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/viboverse%2Freact-weather-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/viboverse","download_url":"https://codeload.github.com/viboverse/react-weather-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/viboverse%2Freact-weather-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32400866,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-28T19:38:08.556Z","status":"ssl_error","status_checked_at":"2026-04-28T19:37:55.688Z","response_time":56,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","css","html","javascript","openweather-api","react","tailwindcss","webapp"],"created_at":"2026-04-28T21:34:18.908Z","updated_at":"2026-04-28T21:34:19.552Z","avatar_url":"https://github.com/viboverse.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# React Weather App\n\n\u003cp\u003e\n  \u003cimg src=\"https://img.shields.io/badge/react-19.1.0-61DAFB?logo=react\u0026logoColor=white\" alt=\"React 19.1.0\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/vite-7.0.4-646CFF?logo=vite\u0026logoColor=white\" alt=\"Vite 7.0.4\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/tailwindcss-4.1.11-38B2AC?logo=tailwindcss\u0026logoColor=white\" alt=\"Tailwind CSS 4.1.11\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/motion-12.23.6-000000?logo=framer\u0026logoColor=white\" alt=\"Motion 12.23.6\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/eslint-9.31.0-4B32C3?logo=eslint\u0026logoColor=white\" alt=\"ESLint 9.31.0\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/prettier-3.6.2-F7B93E?logo=prettier\u0026logoColor=000\" alt=\"Prettier 3.6.2\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/node-18.18.0-339933?logo=node.js\u0026logoColor=white\" alt=\"Node 18.18.0+\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/npm-9.0.0-CB3837?logo=npm\u0026logoColor=white\" alt=\"npm 9.0.0+\"\u003e\n  \u003ca href=\"https://react-weather-app-vtjz.vercel.app/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Powered%20by-Vercel-black?logo=vercel\u0026logoColor=white\" alt=\"Powered by Vercel\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp\u003e\n  Fast, minimal weather app built with \u003cstrong\u003eReact\u003c/strong\u003e and \u003cstrong\u003eVite\u003c/strong\u003e, styled with \u003cstrong\u003eTailwind CSS\u003c/strong\u003e and animated using \u003cstrong\u003eMotion\u003c/strong\u003e. It shows the current conditions and a 5‑day forecast from OpenWeatherMap. Runs on \u003cstrong\u003eNode 18+\u003c/strong\u003e and is deployed on \u003cstrong\u003eVercel\u003c/strong\u003e.\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://react-weather-app-vtjz.vercel.app/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cstrong\u003eLive demo »\u003c/strong\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003c/div\u003e\n\n## ✨ Features\n\n- Current weather: temperature, humidity, wind, and conditions\n- 5‑day forecast with daily breakdown\n- City search with friendly errors\n- Responsive layout with subtle animations\n\n## 🛠️ Tech stack (versions)\n\n- React 19.1.0\n- Tailwind CSS 4.1.11\n- Motion 12.23.6 (Framer Motion for React 19)\n- Vite 7.0.4\n- Tooling: ESLint 9.31.0, Prettier 3.6.2\n- Runtime: Node 18.18.0+, npm 9.0.0+\n\n## 🚀 Installation\n\nPrerequisites\n\n- Node.js 18.18.0 or newer\n- An OpenWeatherMap API key\n\nClone and run\n\n```powershell\n# Clone\ngit clone https://github.com/viboverse/react-weather-app.git\ncd react-weather-app\n\n# Install deps\nnpm install\n\n# Configure environment\n# Create .env and add your API key\n\"VITE_API_KEY=YOUR_OPENWEATHER_API_KEY\" | Out-File -Encoding utf8 .env\n\n# Start dev server\nnpm run dev\n```\n\nBuild and preview\n\n```powershell\nnpm run build\nnpm run preview\n```\n\n## 📸 Screenshots\n\n\u003cimg src=\"./public/screenshots/desktop.png\" alt=\"Desktop Screenshot\" width=\"700\"\u003e\n\n## 🙏 Acknowledgments\n\n- OpenWeatherMap API for weather data\n- Shields.io for the badges\n- Vercel for hosting\n\n---\n\n**Built by [Vahab Afsharian](https://github.com/viboverse)**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fviboverse%2Freact-weather-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fviboverse%2Freact-weather-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fviboverse%2Freact-weather-app/lists"}