https://github.com/asharonbaltazar/ionic-weather

Ionic Weather, an open-source weather app built with Tailwind and React, free from bloat and ads.
https://github.com/asharonbaltazar/ionic-weather

firebase-functions open-source react tailwind tailwindcss typescript weather

Last synced: 5 days ago
JSON representation

Ionic Weather, an open-source weather app built with Tailwind and React, free from bloat and ads.

• Host: GitHub
• URL: https://github.com/asharonbaltazar/ionic-weather
• Owner: asharonbaltazar
• Created: 2020-10-12T18:13:14.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-08-02T01:05:29.000Z (over 1 year ago)
• Last Synced: 2023-08-02T02:36:11.577Z (over 1 year ago)
• Topics: firebase-functions, open-source, react, tailwind, tailwindcss, typescript, weather
• Language: TypeScript
• Homepage: https://weatherionic.netlify.app/
• Size: 2.53 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 13
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


	🌥 Ionic Weather 🌧



> **Ionic Weather** is built with React, Typescript, and Tailwind. It's a minimal weather application, unweighted by bloat or ads.

> Search is powered by Google. Weather is provided by OpenWeatherMap. The project uses Firebase Functions as a makeshift backend.

> **Ionic Weather** supports hourly and daily views, unit preferences, and geolocation.

The `README` for the backend [can be found](/functions/README.md) in the `functions` folder.

## Installation & Running

[npm](https://www.npmjs.com/) is the project's package manager. [Vite](https://vitejs.dev/) serves the code in the browser.

##### Install the dependencies and serve the project in `localhost:3000`:

```

npm i

npm start

```

## Linting & Formatting

[ESlint](https://eslint.org/) scans the code for code quality, consistency in styles, and correct React practices. [Prettier](https://prettier.io/) formats the code.

##### Log all issues in the console:

```

npm run lint

```

##### Fix all fixable issues:

```

npm run lint:fix

```

##### Format the code:

```

npm run format

```

## Building

##### To build and minify the code in a `dist` folder:

```

npm run build

```