https://github.com/black-purple/weather.js

A simple webapp that gets you the weather of your city
https://github.com/black-purple/weather.js

bootstrap5 css ejs expressjs html5 javascript json nodejs openweathermap-api

Last synced: 4 months ago
JSON representation

A simple webapp that gets you the weather of your city

• Host: GitHub
• URL: https://github.com/black-purple/weather.js
• Owner: black-purple
• Created: 2022-08-28T00:48:12.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2025-04-03T16:33:01.000Z (about 1 year ago)
• Last Synced: 2025-04-03T17:33:38.170Z (about 1 year ago)
• Topics: bootstrap5, css, ejs, expressjs, html5, javascript, json, nodejs, openweathermap-api
• Language: EJS
• Homepage: https://weather-js-virid-one.vercel.app
• Size: 102 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Weather.js 

A web app that tells you the weather of your city

## Usage

After clicking on the search button the browser will prompt you to allow geolocalisation

Click on ```Allow``` and let the app do it's magic

### Set up

The app uses [openweathermap](https://openweathermap.org)'s API to get weather data, get your own ```API key``` on their website and add it to your ```environement variables```

## Technologies used

![HTML](https://img.shields.io/static/v1?label=%20&message=HTML&color=%23E34F26&labelColor=%23ff000000&logo=html5)

![CSS](https://img.shields.io/static/v1?label=%20&message=CSS&color=%231572B6&labelColor=%23ff000000&logo=Css3&logoColor=%231572B6)

![BootSTrap](https://img.shields.io/static/v1?label=%20&message=BootStrap&color=%237952B3&labelColor=%23ff000000&logo=BootStrap)

![JS](https://img.shields.io/static/v1?label=%20&message=JavaScript&color=%23F7DF1E&labelColor=%23ff000000&logo=javascript)

![NodeJS](https://img.shields.io/static/v1?label=%20&message=NodeJS&color=%23339933&labelColor=%23ff000000&logo=node.js)

![Express](https://img.shields.io/static/v1?label=%20&message=ExpressJS&color=%23000000&labelColor=%23ff000000&logo=express)

### Packages used

![Nodemon](https://img.shields.io/static/v1?label=%20&message=nodemon&color=%2376D04B&labelColor=%23ff000000&logo=nodemon)

![NodeFetch](https://img.shields.io/static/v1?label=%20&message=node-fetch&color=%23CB3837&labelColor=%23ff000000&logo=npm)

![Express](https://img.shields.io/static/v1?label=%20&message=express&color=%23000000&labelColor=%23ff000000&logo=express)

## Contributors

* [DAKIR ALLAH Abderrahman - a.k.a. black-purple on GitHub -](https://github.com/black-purple)

  

  ![](https://img.shields.io/badge/current%20position-student%2Fdev-purple)