Kamusta :>HolaBonjourHalloCiaoこんにちは안녕하세요Привет你好Hello 👋🏻
Looking for Job
Kamusta :>HolaBonjourHalloCiaoこんにちは안녕하세요Привет你好Hello 👋🏻
[
DATE: , TIME: 0:0 AM]

<Hi, I am Yvan Sabay />

FULL STACK WEB
DEVELOPER / UI-UX DESIGNER

A passionate web developer and a UI-UX Designer. I enjoy using my skill-set with people to accomplish their goals and ideas.

ABOUT

If you love typing, click on the sabay@root: text on the terminal that has text to start typing.

Hi There! If you love typing on the terminal, then get to know me by typing some commands. Type help to see a list of supported commands and clear to reset the terminal.
- - - - - - - - - - - - - - - - - - - - - - -
Commands: about, contact, github, clear, history, tools, techstack
Tip: You can use Up / Down arrow to go through recent commands
- - - - - - - - - - - - - - - - - - - - - - -
sabay@root:

BLOGS

Writing blogs helps me document my learning journey and share my knowledge among other developers.

  1. Manage Your Projects with a Simple Terminal Script

    Manage Your Projects with a Simple Terminal Script

    This terminal-based project manager script allows you to easily store, access, and open projects with a few simple commands.

    March 20, 2025

    #personal

    #blog

  2. No Image Preview

    Why do I write Blogs?

    Writing blog helps me document my learning journey and this might help other developers also.

    September 02, 2024

    #personal

    #blog

  3. Laravel Session

    Laravel Session

    Learn how to setup laravel session instead of a token-based authentication that works for api as well

    November 20, 2024

    #session

    #laravel

    #php

    #authentication

  4. Get ahead of errors with Sentry

    Get ahead of errors with Sentry

    Sentry is a really popular third-party library for error logging

    December 12, 2024

    #sentry

    #vue

    #react

    #typescript

  5. VueJs - Thousand Performant Google Map Advanced Marker

    VueJs - Thousand Performant Google Map Advanced Marker

    Rendering thousands of custom google map marker without clustering

    August 20, 2024

    #gmap

    #marker

    #vue

    #js

    #typescript

  6. No Image Preview

    React - Rendering Dynamic Component

    November 10, 2024

    #react

    #typescript

    #tips

  7. No Image Preview

    React Strict Mode

    What is strict mode in react, what is its purpose and how does it work?

    November 12, 2024

    #react

  8. Basic Laravel Multi-Tenancy

    Basic Laravel Multi-Tenancy

    Let's learn the basic or simpliest form of multi-tenancy and third party packages

    December 01, 2024

    #multi-tenant

    #laravel

    #php

  9. VSCode Snippets

    VSCode Snippets

    Enhance your productivity with the power of VSCode Snippets

    March 31, 2023

    #vscode

    #tips and tricks

    #snippets

  10. Terminal Secrets - Laravel

    Terminal Secrets - Laravel

    Customize the appearance of the terminal for your console commands

    June 02, 2023 @ 08:35 AM

    #laravel

    #terminal

    #colors

    #tips and tricks

  11. Laravel Enums

    Laravel Enums

    Let us learn how enums work in Laravel to provide more readability in our code

    June 03, 2023 @ 10:00 AM

    #laravel

    #enums

    #tips and tricks

  12. Deploy Nuxt in GitHub Pages

    Deploy Nuxt in GitHub Pages

    Let us explore on how can we deploy our Nuxt Portfolio on Github Pages

    June 04, 2023 @ 08:00 AM

    #githubpages

    #nuxt

    #portfolio

  13. No Image Preview

    Different Options for Styling your React Components

    Learn different ways on how you can style your react components

    December 1, 2024

    #react

    #typescript

    #css

    #tailwind

    #cssmodule

  14. No Image Preview

    Soft Skills for Developers

    December 8, 2024

    #softskills

    #teamplayer

    #management

  15. No Image Preview

    React - Adding types for useContext and useReducer

    Let us learn how we can add type safety for some of our commonly used hook like useContext and useReducer

    December 12, 2024

    #react

    #typescript

    #hooks

  16. No Image Preview

    Ruby on Rails - Custom 404 and 505 Page

    Learn how to create custom 404 and 500 error pages in Ruby on Rails to enhance user experience and branding.

    January 15, 2025

    #ruby-on-rails

Item 1 of 16

PROJECTS

Projects shown are just some personal or non-commercial projects.

  • github

TALL Stack - Chat App

A basic chat application built using TALL Stack and Reverb for realtime messaging.

#laravel

#livewire

#realtime

#reverb

Image Preview Missing

  • github

Vue - Library Management

A library management system

#laravel

#typescript

#vue

#zod

#shadcn-vue

#cypress

#pest

Image Preview Missing

  • github

NextJS - DevFlow

Stackoverflow clone built using nextjs + typescript and mongodb for the database

#mongodb

#typescript

#nextjs

#zod

#shadcn

Image Preview Missing

  • github
  • figma

React Native - Budget Tracker

Budget tracker to help keep track finances.

#sqlite

#reactnative

#typescript

#zod

#react-query

Project demo and links will be updated soon

TECH STACK

Here are the list of tech stack and tools that I have used throughout my career.

TypeScriptNextJSDockerBootstrapTanstackReactJSGITVueJS
TypeScriptNextJSDockerBootstrapTanstackReactJSGITVueJS
CypressAdobe XDBootstrapCSSReactJSUbuntuSASSTypeScriptDocker
CypressAdobe XDBootstrapCSSReactJSUbuntuSASSTypeScriptDocker
ReactJSDOBootstrapVUEJSTypeScriptNextJSUbuntuZOD
ReactJSDOBootstrapVUEJSTypeScriptNextJSUbuntuZOD

GET IN TOUCH

Do you have any ideas or just want to say hello? Go ahead

✉️  sabayyvan2018@gmail.com

or fill out the form below

01.

What is your name?

02.

Your contact number or email

03.

What is the email about?

04.

Your message

Please dont enter any sensitive data!

Designed in Figma and built with Nuxt JS by yours truly ❣️