https://github.com/duongdev/nab-weather
Weather forecast using CRA and Material UI.
https://github.com/duongdev/nab-weather
create-react-app material-ui react-query
Last synced: over 1 year ago
JSON representation
Weather forecast using CRA and Material UI.
- Host: GitHub
- URL: https://github.com/duongdev/nab-weather
- Owner: duongdev
- Created: 2020-08-09T12:36:32.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T05:25:40.000Z (over 2 years ago)
- Last Synced: 2025-02-23T14:46:18.044Z (over 1 year ago)
- Topics: create-react-app, material-ui, react-query
- Language: JavaScript
- Homepage: https://nab-weather.netlify.app
- Size: 265 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NAB Weather
**_Note_**: _This project is for demo purpose, which means it's not yet ready for production._
Weather forecast website using [create-react-app](https://create-react-app.dev/) and [material-ui](https://material-ui.com/). API powered by [metaweather.com](https://www.metaweather.com/api).
## Features
- [x] Search for locations with autocomplete.
- [x] View weather forecast by 5 days.
- [x] API query caching by using [react-query](https://react-query.tanstack.com/).
## Demo
See the [public demo](https://nab-weather.netlify.app/) of the NAB Weather!
## Getting Started
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes
### Prerequisites
- Node.js 8.0+
### Installing
Clone the repository:
```bash
git clone https://github.com/duongdev/nab-weather.git
```
Enter the project directory:
```bash
cd nab-weather
```
Install NPM dependencies:
```bash
yarn install
```
Run the development servers:
```bash
yarn start
```
Run unit tests
```bash
yarn test
```
Go to http://localhost:3000 to access the website.
### Production
Build the web:
```bash
yarn build
```
Start the production servers:
```bash
yarn global add serve
serve -s build
```