Reniki
Blog
Laravel Php Vue JavaScript AlpineJS Inertia Pinia TailwindCSS Statamic

Weather App

Project link

About

  • search the city for current weather

  • fetch data from OpenWeatherMap API

  • show: city, temperature, description, min T, max T, humidity

  • show the last 5 successful searches and when you click on it, update weather data

Skills:

  • Vue3

  • TailwindCSS

Laravel, Php

Multiple Users in Statamic with Solo License 06-23
Redirect back to previous page after login with Laravel Fortify 05-23
Get all recurring dates between 2 dates 04-23
Statamic Search and Laravel Blade 04-23

JavaScript, AlpineJS, Vue

Search Modal with Alpine.js, Tailwind and Transitions 04-23
Reset Pinia Store / State: options vs composition api (script setup) store 03-23
Check if Value is in Array JavaScript 03-23
Remove duplicate values from array, show only unique values in JavaScript 03-23

CSS, TailwindCss

Search Modal with Alpine.js, Tailwind and Transitions 04-23
Gradient Border, Blur Border with TailwindCSS 11-22
Gradient Border of Card with TailwindCSS 11-22
GitHub Email
Torchlight code syntax