This app offers users a quick way to check the current temperature and humidity of any location in the world.

Related tags

Learning resource javascript css html webpack
Overview

Pretty Weather App

This app offers users a quick way to check weather data for any location in the world. The specific data provided by the app includes the city/town and country as well as the current temperature and humidity of the location typed in by the user.

App Screenshot

Live Demo

Live Demo Link

Built With

  • HTML
  • CSS
  • JavaScript
  • Webpack

To get a local copy, run the following steps:

  • Clone the repository with [email protected]:BenjaminSemah/pretty-weather.git
  • Navigate to the folder cd pretty-weather
  • Open the project with your code editor
  • Run npm install to install all dependencies
  • Run npm start and go to http://localhost:8080// to launch the server.

Author

👤 Benjamin Semah

Acknowledgment

To the weatherapi.com website for the Weather API.

Show your support

Give a ⭐️ if you like this project!

You might also like...

Write "hello world" in your native language, code "hello world" in your favorite programming language!

Hello World, All languages! 🌎 📌 Write "hello world" in your native language, code "hello world" in your favorite language! #hacktoberfest2022 How to

Dec 13, 2022

A mobile web application to check the data on the total covid19 confirmed cases and deaths, check data for all countries with recorded cases.

This is a mobile web application to check the data on the total covid19 confirmed cases and deaths, check data for all countries with recorded cases. It also has a details page to check for the statistics for each region/state if available.

Jul 30, 2022

Reddit is a website where a community of registered users ( redditors) submits content. Its format resembles a traditional bulletin board system, allowing users to post messages and links to other websites and comment on each other's posts. Entries are ranked by a voting system; other users can vote comments and posts either up ( upvoted) or down.

Setup First, run the development server: npm run dev Open http://localhost:3000 with your browser to see the result. You can start editing the page by

Jun 23, 2022

This web application is a type of a scoreboard showing the names and current scores of the leading competitors in any field which is using API's to get and set data

This web application is a type of a scoreboard showing the names and current scores of the leading competitors in any field which is using API's to get and set data

Leaderboard-project This web application is a type of a scoreboard showing the names and current scores of the leading competitors in any field which

Feb 11, 2022

Organizations - of the students, by the students, for the students! This project offers a ‘Website for students to find all the basic information about Developer Communities in their College in one place’. Currently, the app is limited to Lovely Professional University, Punjab. The project scope is to offer our functionalities to other universities and communities over time.

Organizations - of the students, by the students, for the students! This project offers a ‘Website for students to find all the basic information about Developer Communities in their College in one place’. Currently, the app is limited to Lovely Professional University, Punjab. The project scope is to offer our functionalities to other universities and communities over time.

LPU Student Organizations Organizations - of the students, by the students, for the students! Problem Statement: With a plethora of Developer Communit

Oct 23, 2022

A free and open source api server for app "Fake Location @ 1.3.0.2"

FakeLocation-Server 中文 Introduction A fake api server for FakeLocation App Unlock all apps limitation and you can use pro version permanently for free

Dec 13, 2022

A free and open source api server for app "Fake Location @ 1.3.0.2"

FakeLocation-Server 中文 Introduction A fake api server for FakeLocation App Unlock all apps limitation and you can use pro version permanently for free

Jul 4, 2022

🎯 Wallet Lite is a Quick and Simple way to use your Tokens of Lunes Blockchain in a light Chrome extension

Lunes Wallet Lite Offered by: Lunes Installing Web store: Lunes Lite will be available on Chrome Web Store Build: Requisites NodeJS (16 or higher) Git

Oct 25, 2022

A quick way of bootstrapping a new mono-repo for a Web Application

A quick way of bootstrapping a new mono-repo for a Web Application

marp theme class author true gaia lead invert Matteo ronchi [email protected] Mono-repo Starter https://github.com/cef62/monorepo-template What

Jul 29, 2022
Comments
  • Pretty Weather App

    Pretty Weather App

    Pretty Weather App

    In this branch, I have done the following;

    • Added markup and style to the homepage,
    • Created a feature for users to submit their location,
    • Implemented functionality that fetches data using API from weatherapi.com
    opened by BenjaminSemah 0
  • Peer to Peer code review

    Peer to Peer code review

    Well done On your Project!!!!

    You have done tremendous work on your project, the listed things to work on are just optional but your consideration will result in professionalism.

    • [ ] I would suggest that you had segments of time on which the weather is expected to change.
    opened by zairdon20 0
Owner
Benjamin Semah
Front End Developer and Tech Blogger. Passionate about Web Accessibility. Currently learning JavaScript and React.
Benjamin Semah
GitHub https://prettyweather.netlify.app/
Check in, check the weather, Check out.

☀️ Just-Weather ??️ Hi, Welcome! Just Weather is a Web App designed for Fast Real-Time Weather queries in combination with well Thought Out Visual Des

Miguel Ángel 6 Aug 7, 2022
The to-do list project is an app that allows users to successfully organize their day by inputting prioritized tasks. The project also allows users to carry out the CRUD operations for (add, edit and delete). Two special features of the app are that it saves tasks in the local storage of the user's browser, so when the user reloads or revisits the app, the user can view a list of tasks formerly inputted, and it allows users to prioritize their tasks by dragging up and down the list section.

TO-DO-LIST This is a To Do List Project that dynamically displays tasks to be done with interactions for removing and adding task when completed or no

Francis Ugorji 9 Nov 1, 2021
This is a demo of updating a map to show air quality data for the user’s current location using Next.js Advanced Middleware, powered by Netlify Edge Functions.

Show Local Air Quality Based on the User's Location Use AQI data to show the air quality near the current user. This is built using Next.js Advanced M

Jason Lengstorf 8 Nov 4, 2022
A todo-list app designed to help users manage their tasks. Users can create a task, read tasks, update tasks, delete task, check completed tasks and delete all checked tasks. Also contains basic tests. Built with WebPack,, Modular JavaScript, Jest Libary and LocalStorage.

todolist This project is created to understand the use of ES6 with Webpack Built With HTML, CSS and Javascript. Webpack. Live Demo (if available) http

Shotola Ololade 3 Oct 13, 2022
Quick access to view the current time and date in Ethiopian calendar.

Ethiopian-Current-time-chrome-extension Quick access to view the current time and date in Ethiopian calendar. steps to follow:- Extract the zip folder

null 10 Aug 26, 2022
A jQuery plugin that offers a simplistic way of implementing Lion OS scrollbars.

This project is not maintained This project is not currently actively maintained. If you need an up-to-date scrollbar plugin, try OverlayScrollbars in

James F 2.7k Nov 24, 2022
A hub for web developers that offers a variety of tools to help with any developing needs.

WebDevHub - A place for developers WebDevHub is designed to be one central place for developers, that offers a variety of tools to help with any devel

Thomas Hamilton-Smith 87 Dec 11, 2022
This is the backend of Wherechat, which is a chat application that allows users to find and meet each other through their location on the map.

wherechat-backend About the project This is the backend of Wherechat, which is a chat application that allows users to find and meet each other throug

Isaac Ndala 5 Nov 23, 2022
Quick way to start a new TypeScript/Next.js/Firebase web app 😼

create-crash-app Template repo to quickly set up an opinionated, strict config, typesafe Next.js project. Get started with create-crash-app by running

Diego Dorantes-Ferreira 5 Oct 28, 2022
🥰 Mini world simulator is a terminal application made in JavaScript to control the world that is being generated.

Mini-world "Simulator" Mini world simulator is a terminal application made in JavaScript to control the world that is being generated. It has no other

Adrián 2 Mar 14, 2022