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: about 1 month 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 (over 2 years ago)
• Default Branch: develop
• Last Pushed: 2024-01-02T18:08:47.000Z (about 2 years ago)
• Last Synced: 2025-02-26T08:42:19.594Z (12 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

[![Netlify Status](https://api.netlify.com/api/v1/badges/79eeb815-f3d6-4ff1-930c-6f024ce7de17/deploy-status)](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)

![](public/assets/img/screenshots/weather-app-react-desktop-1.png)

 

## 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

![](public/assets/img/screenshots/weather-app-react-desktop-1.png)

![](public/assets/img/screenshots/weather-app-react-desktop-2.png)

![](public/assets/img/screenshots/weather-app-react-desktop-3.png)

![](public/assets/img/screenshots/weather-app-react-desktop-4.png)

### Mobile