Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/simonemandola/weather-app-react
Weather APP build with Vite + React + TypeScript + PrimeReact UI + Tailwind CSS
https://github.com/simonemandola/weather-app-react
mapbox-api openweathermap-api primereact react reactjs redux tailwindcss vite
Last synced: 5 days ago
JSON representation
Weather APP build with Vite + React + TypeScript + PrimeReact UI + Tailwind CSS
- Host: GitHub
- URL: https://github.com/simonemandola/weather-app-react
- Owner: simonemandola
- License: mit
- Created: 2023-11-08T18:14:54.000Z (about 1 year ago)
- Default Branch: develop
- Last Pushed: 2024-01-02T18:08:47.000Z (11 months ago)
- Last Synced: 2024-01-02T19:27:17.384Z (11 months ago)
- Topics: mapbox-api, openweathermap-api, primereact, react, reactjs, redux, tailwindcss, vite
- Language: TypeScript
- Homepage: https://s-mandola-weather-app.netlify.app/
- Size: 4.32 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React + TypeScript + Vite + PrimeReact + Tailwind CSS
[](https://app.netlify.com/sites/s-mandola-weather-app/deploys)
> [👉 Watch live](https://s-mandola-weather-app.netlify.app/)
* [React + TypeScript + Vite + PrimeReact + Tailwind CSS](#react--typescript--vite--primereact--tailwind-css)
* [APIs](#apis)
* [Dev mode](#dev-mode)
* [Screenshots](#screenshots)
* [Desktop](#desktop)
* [Mobile](#mobile)
## APIs
- [Open weather map](https://openweathermap.org/)
- [Mapbox](https://www.mapbox.com/)
## Dev mode
Install
``
npm install
``
You need .env variables:
```
VITE_API_BASE_URL_OPENWEATHER=
VITE_APP_ID_OPENWEATHER=
VITE_API_BASE_URL_MAPBOX=
VITE_MAPBOX_PK=
```
Run
``
npm run dev
``
Open: [localhost:5173](http://localhost:5173/)
## Screenshots
### Desktop
### Mobile
