☀️ A beautifully weather app. Midudev June 2022 Hackathon.

Overview
weathr Banner

A beautifully weather app

midudev Hackathon - June 2022

📦 Packages:

  • ⚡️ Vitejs - Next generation frontend tooling.
  • ☁️ Vitejs PWA - Zero-config PWA Framework-agnostic Plugin for Vite.
  • ⚒️ React 18 - A JavaScript library for building user interfaces.
  • 💙 Typescript - A superset of JavaScript.
  • 💅 Chakra UI - Accessible component library.
  • 💥 Framer Motion - Production-ready motion library.
  • 🚀 SWR - React Hooks for Data Fetching.

⚒️ Getting Started:

You will need:

  1. Clone the repository:
git clone [email protected]:pheralb/weathr.git
  1. Create a .env file with the following variables:
VITE_RAPIDAPI_KEY=
VITE_RAPIDAPI_HOST=

🤔 How to generate the RAPIDAPI_KEY?

🔨 All RapidApi and fetcher configuration here.

  1. Install dependencies:
npm install
  1. Run the app:
npm run dev
  1. 🥳 Ready! Open the browser and write localhost:3000.

🚀 Deploy on Cloudflare Pages:

🔑 License:

You might also like...

Word guessing game, written in JavaScript and beautifully designed in CSS

Word guessing game, written in JavaScript and beautifully designed in CSS

Word Guessing Game Word guessing game, written in JavaScript and beautifully designed in CSS This is a word guessing game that I built. You can play i

Sep 17, 2022

📒 midubot docs - Discord bot for midudev.

📒 midubot docs - Discord bot for midudev.

📒 midubot docs - Discord bot for midudev 📦 Packages: ⚡️ Nextjs - The React Framework for Production. 💅 Chakra UI - Create accessible React apps wit

Jun 15, 2022

Hackathon for Social Good 2022 and use your superpowers to create a solution for the social good.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Jun 27, 2022

The first place winning no-code platform for generating developer resume pages, designed for and submitted to the 2022 Tech Optimum Hackathon.

Genfolio Genfolio is a no-code platform for generating developer portfolios. A demo can be found on the project's devpost or on youtube. Our stack We

Dec 5, 2022

Second Prize Winner of Crypto.com Hackathon 2022. An NFT Ticketing Platform built with Next.js and Ethereum.

Second Prize Winner of Crypto.com The Next Gen Hackathon 2022! How to run this project locally clone the repo and run yarn install in the root directo

Oct 26, 2022

This is an app that gives you a mood by looking at the weather.

This is an app that gives you a mood by looking at the weather.

Weather-to-mood It is a basic application which shows user weather and date and by looking at these information it gives a mood. WeatherMoodApp This p

Jun 30, 2022

This is a Weather app based on HTML CSS JavaScipt (Openweathermap API)

This is a Weather app based on HTML CSS JavaScipt (Openweathermap API)

Weather App (Openweathermap API) This is a Weather app based on HTML CSS JavaScipt and data fetched from API Changes background images as per Location

Mar 17, 2022

A Travel companion app using Google Maps API, Travel Search and Weather API

A Travel companion app using Google Maps API, Travel Search and Weather API

Travel Advisor Introduction An advanced Travel Companion Application using Google Maps. With Geolocation, Google Maps API, Searching for places, Fetch

Nov 11, 2022

This is a app for weather management.

This is a app for weather management.

This project was bootstrapped with Create React App. Below you will find some information on how to perform common tasks. You can find the most recent

Jul 7, 2022
Comments
  • Bump terser from 5.13.1 to 5.14.2

    Bump terser from 5.13.1 to 5.14.2

    Bumps terser from 5.13.1 to 5.14.2.

    Changelog

    Sourced from terser's changelog.

    v5.14.2

    • Security fix for RegExps that should not be evaluated (regexp DDOS)
    • Source maps improvements (#1211)
    • Performance improvements in long property access evaluation (#1213)

    v5.14.1

    • keep_numbers option added to TypeScript defs (#1208)
    • Fixed parsing of nested template strings (#1204)

    v5.14.0

    • Switched to @​jridgewell/source-map for sourcemap generation (#1190, #1181)
    • Fixed source maps with non-terminated segments (#1106)
    • Enabled typescript types to be imported from the package (#1194)
    • Extra DOM props have been added (#1191)
    • Delete the AST while generating code, as a means to save RAM
    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 1
Owner
Pablo Hdez
Front-End Web Developer👨‍💻. In ❤️ with React.
Pablo Hdez
Aplicación del tiempo para la Hackathon de midudev

Weather App App creada para la Hackathon de Midudev https://twitch.tv/midudev Importante Para probar las notificaciones en la PWA -> Link Característi

Nacho Aldama 9 Jun 8, 2022
Simple weather app written in HTML, CSS, and JavaScript using the OpenWeather API for fetching weather and geolocation information

Description Simple weather app written in HTML, CSS, and JavaScript using the OpenWeather API for fetching weather and geolocation information. Acknow

Gleb Korzan 4 Feb 23, 2022
Weather Condition App is a mobile application that has a category of countries in the home age and the users can access to weather of each country.

World Weather This is a SPA react-app project that is built using two APIs. And users can select and choose countries and states and get their updated

Ahmad Zamir Yousufi 2 Oct 10, 2022
Its an app that uses a weather API with access to over 200,000 cities current weather conditons.

Weather App Its an app that uses a weather API with access to over 200,000 cities current weather conditons. Screenshots Links Live Site URL: live sit

Yusuf Lawal 5 Aug 17, 2022
Weather app created using vanilla JavaScript and APIs. You can search cities worldwide and get current and forecast weather features.

Weather App Live Demo About the Project Weather app created using vanilla JavaScript and APIs. You can search cities worldwide and get current and for

Lua 22 Dec 28, 2022
A Weather API project inspired by The Ultimate API Challenge / Weather API.

Weather API Project A Weather API project inspired by The Ultimate API Challenge / Weather API. Tech Stack: React.js Tailwind Axios Inspiration The Pr

Franziska 1 Dec 29, 2021
Weather-magic - Working with APIs to create a weather dashboard

Weather Magic link to website Following the link above will bring you to the Wea

null 1 Feb 3, 2022
This project is about building a web application to show a weather forecast using weather API.

Weather App Web application to show the current and upcoming week weather forecast. Want to see live preview » ✧ View Demo ✧ Report Bug ✧ Getting Star

Mohit Sehrawat 10 Dec 25, 2022
Hourly weather card for Home Assistant. Visualize upcoming weather conditions as a colored horizontal bar.

Hourly Weather Card by @decompil3d An hourly weather card for Home Assistant. Visualize upcoming weather conditions as a colored horizontal bar. Can y

Jonathan Keslin 49 Dec 29, 2022
Join the GitHub Graduation Yearbook and "walk the stage" on June 11.

GitHub Graduation-2022 Available Translations ?? Pt-BR zh-CN 中文 日本 Русский Korean Indonesian Español (España) Español (México) Polski Filipino Türkçe

GitHub Education 1.5k Dec 26, 2022