Kino's Web Lab

Welcome!

Welcome!

Have fun exploring over 10 interesting front-end projects made with different technologies!

I intend to make this website a place to showcase some cool capabilities of the web platform, and to inspire others to do the same, specially people who are just starting out.

Projects

Projects

Expanding Cards

test 1

Expanding Cards

AstroTailwind
AstroTailwind
Progress Steps

test 2

Progress Steps

ReactTailwind
ReactTailwind
Rotating Navigation

test 3

Rotating Navigation

AstroReactCSSTailwind
AstroReactCSSTailwind
Hidden Search

test 4

Hidden Search

JavaScriptTailwind
JavaScriptTailwind
Blurry Loading

test 5

Blurry Loading

ReactTailwind
ReactTailwind
Scroll Animation

test 6

Scroll Animation

AstroTailwind
AstroTailwind
Split Landing Page

test 7

Split Landing Page

AstroTailwind
AstroTailwind
Form Wave Animation

test 8

Form Wave Animation

AstroTailwind
AstroTailwind
Sound Board

test 9

Sound Board

ReactTailwind
ReactTailwind
Dad Jokes

test 10

Dad Jokes

ReactTailwind
ReactTailwind
Event Keycodes

test 11

Event Keycodes

ReactTailwind
ReactTailwind
FAQ Collapse

test 12

FAQ Collapse

AstroTailwind
AstroTailwind
Random Choice Picker

test 13

Random Choice Picker

VueTailwind
VueTailwind

About

About

Hi there!

Kino's Web Lab is inspired by the 50 Days 50 Projects Challenge by Brad Traversy and Florin Pop, a challenge where you build 50 unique projects to improve your front-end skills.

This place is where I'll be showcasing my solutions to the challenge, and maybe some other projects. Using my own website as a playground is a great way to learn new things and experiment with new technologies. Here you will find projects made with Astro, Tailwind, React, CSS, JavaScript and Vue.

Indeed, this whole website was made using Astro, a new static site generator that lets you use components from many JavaScript frameworks.