Aplicación del tiempo para la Hackathon de midudev

Overview

Weather App

App creada para la Hackathon de Midudev https://twitch.tv/midudev

Importante

Para probar las notificaciones en la PWA -> Link

Características

  • Pre-selección de ubicación usando los middleware de Next.js
  • Selección de localización mediante búsqueda, ubicación y mapa
  • Fondo dinámico basado en la hora actual
  • Condiciones atmosféricas dinámicas
  • Recorrido del sol y la luna "en tiempo real"
  • PWA instalable
  • Notificaciones cada 12 horas para mostrar la temperatura del día actual o el siguiente
  • Condiciones de cada hora hasta el final del día
  • Gráfica de la temperatura a lo largo del día hasta el final
  • Previsión de los siguientes 2 días (limitado por la API)
  • Iconos dinámicos (diferencia entre día y noche)

Tecnologías

  • Next.js
  • Rapid API (API del tiempo)
  • Mapbox
  • Google Maps (para buscar localizaciones y zonas horarias)
  • Particle.js
  • React Modal Sheet
  • Framer motion
  • Heroicons
  • Apex charts
  • PWA
You might also like...

Repositorio oficial del curso IIC2113 Diseño Detallado de Software 🎉👩‍💻👨‍💻

IIC2113 - Diseño Detallado de Software Este curso está orientado a estudiantes con conocimientos sobre técnicas para llevar a cabo un proyecto de desa

Nov 9, 2022

Konbini Otaku, Web E-Commerce del proyecto Estación Otaku, desarrollada con Next.js y desplegada con Vercel

Konbini Otaku, Web E-Commerce del proyecto Estación Otaku, desarrollada con Next.js y desplegada con Vercel

Konbini Otaku 💬 🛒 ⛩️ 🎌 - Reto Final (parte 2) Este proyecto constó de proponer "Konbini Otaku", la cual es una tienda virtual en la que podrás adqu

Apr 28, 2022

Un experimento personal con el portal del Centro de Documentación de la Imagen de Santander.

Un experimento personal con el portal del Centro de Documentación de la Imagen de Santander.

Retrosantander Un experimento personal con el portal del Centro de Documentación de la Imagen de Santander (CDIS) y sus contenidos. Por Jaime Gómez-Ob

Dec 11, 2022

Repositorio común Backend-Frontend del equipo DevPanda

Instalaciones importantes: Nodejs Nodejs creará el entorno en el cuál React y Express van a ejecutarse. Se recomienda la version estable. Es una insta

May 11, 2022

Llevando la transparencia al metaverso del Gobierno de Navarra.

Llevando la transparencia al metaverso del Gobierno de Navarra.

El portero del metaverso El Gobierno de Navarra se ha instalado en el metaverso. Pero algunos ya estamos hartitos de unos servicios públicos digitales

Dec 15, 2022

Juego del Ahorcado - Alura Challenges ONE

Juego del Ahorcado - Alura Challenges ONE

Juego del Ahorcado Segundo challenge de Oracle Next Education y Alura El desafío consiste en construir una página web que contenga el juego del ahorca

Dec 14, 2022

Repositorio del video de YouTube sobre creación y generación de imágenes de docker con Node

Importante Tener instalado Docker Desktop!!! Comandos usados Login de Docker Hub docker login Generar la imagen, especificar el TAG (-t) y el punto s

Oct 27, 2022

This project aims for Road to web3 Hackathon powered by Polygon

BlogStream A blog site where users directly pay the writers for only what they are reading This is a project created for Road to Web3 hackathon by Web

Sep 12, 2022

Svaasthy project - a part of the Electrothon-4.0 Hackathon

Svaasthy project - a part of the Electrothon-4.0 Hackathon

Svaasthy View the presentaton The problems we address... The covid-19 crisis is drawing attention to the already overburdened public health systems in

Jun 16, 2022
Comments
  • PWA

    PWA

    • [x] Service worker
    • [x] Installable PWA
    • [x] Installation workflow
    • [x] Detect if PWA is already installed
    • [x] Push notifications
    • [x] background sync
    • [x] Today weather notification
    • [x] Tomorrow weather notification
    opened by nachoaldamav 2
  • Bottom card improvements

    Bottom card improvements

    Currently the bottom card doesn't work as expected.

    • [x] Make the card draggable
    • [x] Move card to the top of the page
    • [x] Make the card bigger when its reaching top
    • [x] Add historical data (replaced by forecast)
    opened by nachoaldamav 1
  • Moon phases

    Moon phases

    • [x] Function to get current moon phase
    • [x] Implement in Satellite component

    Moon phases

    • [x] New Moon
    • [x] Waxing Crescent Moon
    • [x] Quarter Moon
    • [x] Waxing Gibbous Moon
    • [x] Full Moon
    • [x] Waning Gibbous Moon
    • [x] Last Quarter Moon
    • [x] Waning Crescent Moon
    opened by nachoaldamav 1
  • Bump sharp from 0.30.4 to 0.30.5

    Bump sharp from 0.30.4 to 0.30.5

    Bumps sharp from 0.30.4 to 0.30.5.

    Changelog

    Sourced from sharp's changelog.

    v0.30.5 - 23rd May 2022

    Commits
    • db654de Release v0.30.5
    • a6aeef6 Install: pass PKG_CONFIG_PATH via env rather than substitution
    • 7bf6cbd Docs: correct links to libvips documentation
    • 04c31b3 Install: warn about filesystem owner running npm v8+ as root
    • ee9cdb6 Bump deps
    • 8960eb8 Docs: changelog entry for #3218
    • 54d9dc4 Fix rotate-then-extract for EXIF orientation 2 (#3218)
    • 51b4a7c Add support for --libc flag to improve cross-platform install (#3160)
    • 5b03579 Docs: more details about concurrency, parallelism, threads
    • 58c2af3 Docs: improve output format info for toBuffer
    • Additional commits viewable in compare view

    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] 0
Aplicación final del curso de Next de Fernando

Next.js Telo Shop Para correr localmente, se necesita la base de datos. docker-compose up -d El -d, significa detached Configurar las variables de en

Fernando 20 Dec 29, 2022
☀️ A beautifully weather app. Midudev June 2022 Hackathon.

A beautifully weather app midudev Hackathon - June 2022 ?? Packages: ⚡️ Vitejs - Next generation frontend tooling. ☁️ Vitejs PWA - Zero-config PWA Fra

Pablo Hdez 12 Sep 29, 2022
Plataforma del Registro de Autoexclusión del Juego

WebApp boilerplate with React JS and Flask API Styles You can update the styles/index.scss or create new .scss files inside styles/ and import them in

Daniel Bañobre Dopico 7 Feb 4, 2022
Recreación del entorno de escritorio del sistema operativo macOS Monterey utilizando HTML, CSS y JavaScript

macOS Réplica del sistema operativo macOS Monterey utilizando HTML, CSS y JavaScript. GitHub pages https://jonathan-yv.github.io/macOS/ Componentes Ve

Jonathan Yair Vazquez 4 Feb 4, 2022
Repositorio oficial de la sección 1 y 2 del periodo 2022-2 del curso PUC IIC2513 Tecnologías y Aplicaciones Web

IIC2513 - Tecnologías y Aplicaciones Web 2022-2 S1 y S2 Bienvenida/o al repositorio de las secciones 1 y 2 del curso PUC IIC2513 Tecnologías y Aplicac

null 59 Dec 14, 2022
Programa Top - Tiempo Completo 👩🏻‍💻🧑🏼‍💻

Programa Top v20 - Tiempo Compleo Mentores ????‍??????‍?? Cristian Moreno Mateo Herrera Cristian Buitrago Estudiantes ????‍??????‍?? Pool Hijuela Emer

Make it Real 8 Apr 18, 2022
📒 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

null 3 Jun 15, 2022
API para Ocean AR Hackathon por innovación virtual.

Ocean-AR-Backend API para Ocean AR Hackathon por innovación virtual. Dependencies Dependencies Installation npm i express cors jsonwebtoken sequelize

Luis Armando Prado 3 May 14, 2022
Questi sono i miei plugin del cazzo, scritti col culo, ma con tanto amore. 50 euro.

ReaperianiJS Questi sono i miei plugin del cazzo, scritti col culo, ma con tanto amore. 50 euro. Spiegone: Il fuorilavoce è un plugin di eq M/S (mid s

null 9 Feb 11, 2022
Codigo del Webinar de Organizador de Tareas con autenticación

Webinar Organizador de Tareas con autenticación Bienvenido al repositorio ??️ del Webinar donde podrás encontrar el codigo expuesto ??️ Para comenzar

Eduardo de Rivero Manrique 4 Jun 24, 2022