https://github.com/firestreaker2/simple-weather-app

A simple weather website using the weatherapi.com API and React.JS
https://github.com/firestreaker2/simple-weather-app

javascript react reactjs weather weatherapi

Last synced: 20 days ago
JSON representation

A simple weather website using the weatherapi.com API and React.JS

• Host: GitHub
• URL: https://github.com/firestreaker2/simple-weather-app
• Owner: FireStreaker2
• License: mit
• Created: 2023-02-13T04:43:30.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-06-03T21:52:38.000Z (over 2 years ago)
• Last Synced: 2025-01-18T00:12:09.036Z (12 months ago)
• Topics: javascript, react, reactjs, weather, weatherapi
• Language: JavaScript
• Homepage: https://swa.firestreaker2.gq
• Size: 1010 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![Simple-Weather-App](https://socialify.git.ci/FireStreaker2/Simple-Weather-App/image?description=1&descriptionEditable=A%20simple%20weather%20website%20using%20the%20weatherapi.com%20API%20and%20React.JS&font=Bitter&forks=1&issues=1&logo=https%3A%2F%2Fraw.githubusercontent.com%2FFireStreaker2%2FSimple-Weather-App%2Fmain%2Fsrc%2Fsun.png&name=1&owner=1&pattern=Diagonal%20Stripes&pulls=1&stargazers=1&theme=Dark)

## About

This is a simple weather website made with HTML/CSS/JS, React.js, and the https://weatherapi.com API.

## FAQ

Q: Why did you make this?   

A: this was for a school project, it was also so i could learn a bit of how to use react js    

Q: What as your insipiration for this?    

A: one of the discarded ideas my group made was to make a website that fetched data from an api, this is the sort of continuation of that idea    

Q: When will this project me updated?      

A: About every two weeks or less     

Q: Will this be deployable in the future?   

A: no, but you can just fork the repo, change some code, and deploy it like that    

Q: What is this repo for?   

A: it's for me to keep track of my progress and also store my files just in case i lose access to them on my local machine    

Q: You suck at coding    

A: i know

## Setup

```bash

$ git clone https://github.com/FireStreaker2/Simple-Weather-App.git

$ cd Simple-Weather-App

$ npm i

```

For developing:

```bash

$ npm run dev

```

For production:

```bash

$ npm run build

$ npm start

```

Please note that if you are selfhosting, you need to configure your ``.env`` file with a variable named ``KEY``, and it's value an API key from weatherapi.com

## TODO

* add more settings

## Credits

React.JS    

Create-React-App    

some random website which i forgot (a couple static assets)    

## License

MIT