Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mertcanaltin/open-weather-app
https://github.com/mertcanaltin/open-weather-app
Last synced: 13 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/mertcanaltin/open-weather-app
- Owner: mertcanaltin
- Created: 2022-01-03T10:22:15.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-01-03T11:31:14.000Z (almost 3 years ago)
- Last Synced: 2024-10-12T13:10:58.298Z (27 days ago)
- Language: JavaScript
- Homepage: open-weather-app-cans.vercel.app
- Size: 125 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# open-weather-app :rocket:
## Project setup
```
npm install
```
### create root / .env.local
```
VITE_API_URL = 'https://api.openweathermap.org/data/2.5'
VITE_API_KEY = 'a8fdbcd95d55270f33d47c44f5206a31'
VITE_ICON_URL = 'https://openweathermap.org/img/w'
```
### Compiles and hot-reloads for development
```
npm run dev
```
### Compiles and minifies for production
```
npm run build
```
### Run your jest tests
```
npm run test
```
# Vite-Js
Next Generation Frontend Tooling
[Get Started](https://vitejs.dev/guide/)
[Learn More](https://vitejs.dev/guide/why)
## 💡 Instant Server Start
On demand file serving over native ESM, no bundling required!
## ⚡️ Lightning Fast HMR
Hot Module Replacement (HMR) that stays fast regardless of app size.
## 🛠️ Rich Features
Out-of-the-box support for TypeScript, JSX, CSS and more.
## 📦 Optimized Build
Pre-configured Rollup build with multi-page and library mode support.
## 🔩 Universal Plugins
Rollup-superset plugin interface shared between dev and build.
## 🔑 Fully Typed APIs
Flexible programmatic APIs with full TypeScript typing.
## SWR Features
With just one single line of code, you can simplify the logic of data fetching in your project, and also have all these amazing features out-of-the-box:
- **Fast**, **lightweight** and **reusable** data fetching
- Built-in **cache** and request deduplication
- **Real-time** experience
- Transport and protocol agnostic
- SSR / ISR / SSG support
- TypeScript ready
- React Native
SWR has you covered in all aspects of speed, correctness, and stability to help you build better experiences:
- Fast page navigation
- Polling on interval
- Data dependency
- Revalidation on focus
- Revalidation on network recovery
- Local mutation (Optimistic UI)
- Smart error retry
- Pagination and scroll position recovery
- React Suspense
# Get started with Tailwind CSS
Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file.
It's fast, flexible, and reliable — with zero-runtime.[here](https://tailwindcss.com/docs/installation)