Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jefferson1104/weather-app
Weather forecast application based on the American geocode census and American weather government API.
https://github.com/jefferson1104/weather-app
axios netlify react serverless tailwindcss typescript vite
Last synced: about 1 month ago
JSON representation
Weather forecast application based on the American geocode census and American weather government API.
- Host: GitHub
- URL: https://github.com/jefferson1104/weather-app
- Owner: jefferson1104
- Created: 2024-07-21T16:03:33.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-07-22T21:51:42.000Z (7 months ago)
- Last Synced: 2024-11-19T16:01:04.962Z (3 months ago)
- Topics: axios, netlify, react, serverless, tailwindcss, typescript, vite
- Language: TypeScript
- Homepage: https://weather-forecast-soaresdev.netlify.app/
- Size: 25.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
WEATHER FORECAST APP
## :memo: About project
The project is a weather forecast application that consumes the US Census geocode API to obtain geolocation and the US government weather API (weather.gov). Essentially, the user can enter an address in a single line in the search field and receive the weather forecast for the next 7 days. The project was developed using React.js, TypeScript, and TailwindCSS.
## :rocket: Technologies
- [Vite](https://vitejs.dev/)
- [React](https://react.dev/)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Radix UI](https://www.radix-ui.com/)
- [Axios](https://axios-http.com/docs/intro)
- [React Icons](https://react-icons.github.io/react-icons/)
- [Toastify](https://fkhadra.github.io/react-toastify/introduction/)
## :cyclone: Run this project
```bash
# Clone this project
$ git clone [email protected]:jefferson1104/weather-app.git
# Project directory
$ cd weather-app
# Install dependencies
$ npm install
# run the project as development mode
$ npm run dev
# open in your browser
http://localhost:5174
```
## 🎨 Screenshots
## Some addresses to test
- 697 Broad St, Newark
- 3144 47th street, Astoria
- 1275 Marina Blvd, San Leandro
- 25620 The Old Rd Suite P, Stevenson Ranch
- 1132 East Fort Union Blvd, Midvale
- 3736 W Center Park Dr Suite 120, West Jordan