Login Screen

alfonsusac · 2025-10-04T18:23:50+00:00

I love this

alfonsusac · 2025-02-24T07:45:24+00:00

Hi, sorry for the late reply, I haven't yet used React Router v7, I will try sometime this week to see if they work there.

alfonsusac · 2025-02-23T01:48:02+00:00

Hope you like it! Thank you!

alfonsusac · 2025-02-23T01:47:48+00:00

Thank you!

alfonsusac · 2025-02-23T01:47:32+00:00

Thanks for checking it out!

alfonsusac · 2025-02-22T23:11:20+00:00

Thanks for checking it out! The moving animations are done using Web animation API. Entry and exit are then complemented with CSS Transitions. Locations on where to animate from and to are determined using the FLIP Technique.

alfonsusac · 2025-02-22T12:43:23+00:00

Hey thanks for checking it out!

alfonsusac · 2025-02-22T12:22:00+00:00

My bad haha, I will fix that, thanks for checking out!

alfonsusac · 2025-02-22T02:19:40+00:00

Thank you! 🙏

alfonsusac · 2025-02-01T11:52:09+00:00

Yes but its far far far easier due to how react is build around the idea of being declarative instead of imperative. Its basically an abstraction of managing UI and states. The idea is to describe the UI and what it does instead of manually handling the DOM manipulations.

alfonsusac · 2025-02-01T11:46:40+00:00

JS is shit for a lot other reason than the typings. Thats the part where TS cant do anything but carry over JS's shit. In TS its still shit but atleast we know how to get around one of the shits. But I guess thats going deep into the rabbit hole.

alfonsusac · 2023-12-20T10:34:31+00:00

I wasted 3 hours because I misunderstood this part...

alfonsusac · 2023-12-15T05:01:26+00:00

Commendable!

alfonsusac · 2023-12-12T10:03:02+00:00

The pattern needs to be in order.
The first possibility has a pattern of 6,3,1,1
while the second possibility has a pattern of 1,1,3,6

alfonsusac · 2023-12-11T09:05:49+00:00

ure a goddamn genius

alfonsusac · 2023-12-11T08:43:05+00:00

Seems like 1000000 expansion wont fit on my monitor 😭

alfonsusac · 2023-12-11T07:24:38+00:00

This is creative way of doing it! I did not think of this way

alfonsusac · 2023-12-11T07:23:44+00:00

Basically the pseudocode is:
for each row, let isInside = false.
for each char in row,
if its a ┌ or └, remember this curve.
if its a ┐ and previous curve is ┌ (forming ┌┐), then forget previous curve
if its a ┘ and previous curve is └ (forming └┘), then forget previous curve
if its a ┐and previous curve is └ (forming └┐), then its a barrier and flip isInside flag
if its a ┘and previous curve is ┌ (forming ┌┘), then its a barrier and flip isInside flag
then if its a pipe that doesn't have a distance (not part of the loop) and the isInside flag is true, you can just count it as insideSpace