Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/miasmartypants/weatherapp2.0
https://github.com/miasmartypants/weatherapp2.0
Last synced: about 20 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/miasmartypants/weatherapp2.0
- Owner: MiaSmartyPants
- Created: 2022-10-04T00:11:21.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-12-08T08:06:27.000Z (almost 2 years ago)
- Last Synced: 2023-09-12T10:16:50.464Z (about 1 year ago)
- Language: JavaScript
- Size: 2.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
This weather app allows for instant display of the current weather just by providing the city. It uses WeathrAPI to connect to the weather databse and information
## Features
- Click heart to favor cities. They will be stored into the databse
- WeatherApi
- Search bar for entering in cities
## Tech Stack
html
CSS
JavaScript
postgreSQL
Express
React
Node
Bootstrap
Open Weather API
## Installation
1. Clone the repo:
```
git clone https://github.com/MiaSmartyPants/Pringle_Mingle
```
2. Take out the owner's git:
```
git init
```
3. Go to server folder
```
cd server
```
4. Install all NPM packages using this in the root directory:
```
npm install
```
5. Database setup:
- Inside your server folder, create an .env file with:
```
touch .env
```
- Inside your .env add:
```
postgres://localhost:5432/final_project
```
- Go Back to Terminal
- Run the following to restore the DB dump file that the project already contain:
```
psql -U postgres -f db.sql
```
6. Start the app by using in client and server folder:
```
npm start
```
## Testing
To run tests on the terminal:
* On client side run the following command:
```
npm test
```
## Future Development
- Allow for sign in feature
- Display five day weather forecast