https://github.com/chiefwoods/weather-app

Weather forecast site for The Odin Project
https://github.com/chiefwoods/weather-app

theodinproject

Last synced: 7 months ago
JSON representation

Weather forecast site for The Odin Project

• Host: GitHub
• URL: https://github.com/chiefwoods/weather-app
• Owner: ChiefWoods
• Created: 2023-09-16T20:17:49.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-12T10:31:07.000Z (over 1 year ago)
• Last Synced: 2024-04-12T16:40:11.979Z (over 1 year ago)
• Topics: theodinproject
• Language: JavaScript
• Homepage: https://chiefwoods.github.io/weather-app/
• Size: 14.8 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Weather App

![Screenshot](screenshot.png)

Weather forecast site for [The Odin Project](https://www.theodinproject.com/).

[Live Website](https://chiefwoods.github.io/weather-app/)

[Source Repository](https://github.com/ChiefWoods/weather-app)

## Features

- Get weather forecasts by searching city, state, country or a combination of any

- Toggle between metric and imperial systems

- Display weather data including 'Feels Like', 'Precipitation', 'Humidity', 'Wind Speed'

- Display forecasts up to next 24 hours and 3 days

## Built With

### Languages

- [![HTML5](https://img.shields.io/badge/HTML5-white?style=for-the-badge&logo=html5&logoColor=e65127)](https://html5.org/)

- [![CSS3](https://img.shields.io/badge/CSS3-white?style=for-the-badge&logo=css3&logoColor=306AF1)](https://www.w3.org/Style/CSS/Overview.en.html)

- [![JavaScript](https://img.shields.io/badge/Javascript-383936?style=for-the-badge&logo=javascript)](https://js.org/index.html)

### Bundlers, Linters & Formatters

- [![Webpack](https://img.shields.io/badge/webpack-2B3A42?style=for-the-badge&logo=webpack)](https://webpack.js.org/)

- [![esbuild](https://img.shields.io/badge/esbuild-191919?style=for-the-badge&logo=esbuild)](https://esbuild.github.io/)

- [![ESLint](https://img.shields.io/badge/eslint-4b32c3?style=for-the-badge&logo=eslint)](https://eslint.org/)

- [![Prettier](https://img.shields.io/badge/prettier-1a2b34?style=for-the-badge&logo=prettier)](https://prettier.io/)

### Libraries

- [date-fns](https://date-fns.org/)

### Tools

- [![!Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-2c2c32?style=for-the-badge&logo=visual-studio-code&logoColor=007ACC)](https://code.visualstudio.com/)

## Getting Started

### Prerequisites

Update your Bun toolkit to the latest version.

```bash

bun upgrade

```

### Setup

1. Clone the repository

```bash

git clone https://github.com/ChiefWoods/weather-app.git

```

2. Install all dependencies

```bash

bun install

```

3. Start development server

```bash

bun run start

```

4. Build project

```bash

bun run build

```

5. Preview build

```bash

bun run preview

```

## Issues

View the [open issues](https://github.com/ChiefWoods/weather-app/issues) for a full list of proposed features and known bugs.

## Acknowledgements

### Resources

- [Shields.io](https://shields.io/)

- [Google Fonts](https://fonts.google.com/)

- [Pictogrammers](https://pictogrammers.com/)

- [Pexels](https://www.pexels.com/)

- [Unsplash](https://unsplash.com/)

### Hosting and API

- [GitHub Pages](https://pages.github.com/)

- [Weather API](https://www.weatherapi.com/)

## Contact

[chii.yuen@hotmail.com](mailto:chii.yuen@hotmail.com)