# React

projects

Jinz Varghese

1 August 2026

Jinz Varghese is a personal portfolio website I built for my brother. He is a visual artist and photographer, whose work spans street photography, landscapes, and travel pictures. The site is designed as a quiet, image-first space for his photography and films, structured around Home, Gallery, Collections, and About sections.

Demo

Features

Home

A minimal landing page introducing him as a visual artist, with a curated scroll of featured images and clear entry points into the Gallery and Collections.

The full archive of his images and videos, organized for easy browsing.

Collections

Work grouped into themed sets rather than one long scroll:

  • India
  • The Streets
  • Bahrain
  • Egypt
  • Beaches
  • Mother Nature

About

A dedicated page introducing him. It briefly contains his background, his motivation for shooting, and the gear he uses. Includes contact details for photoshoots and collaborations, along with links to his Instagram, YouTube, and Threads.

Technology

The site is built with Next.js along with Tailwind CSS, and hosted on Vercel.

essay

Life Left App

20 January 2026

Life Left is a minimalist life reflection web app that helps users visualize how much of their life may still remain, based on their age, retirement plan, and expected lifespan.

projects

Life Left App

20 August 2025

Life Left is a minimalist life reflection web app that helps users visualize how much of their life may still remain, based on their age, retirement plan, and expected lifespan. The app is inspired by the memento mori philosophy, which encourages awareness of life’s finiteness so people can live with greater intention and purpose instead of falling into routine.

Life left home page

Life left home page

Demo

Screenshots

You can find the screenshots of the theme below:

Life Left home page

Life Left home page

Life Span page

Life Span page

Features

Input

Users are required to provide a few basic details:

  • Birth date
  • Retirement age
  • Expected lifespan

Output

Based on the input, the following insights are displayed on the home page:

  • Current Age
    Shows how many years, months, and days the user has lived.

  • Remaining Time
    Displays the remaining lifespan based on the expected age.

  • Sleep Time Projection
    Estimates how much of life may be spent sleeping, calculated using an average of eight hours per day.

  • Work Time Projection
    Estimates the total time likely to be spent working, based on standard work hours and weekdays.

  • Actual Personal Time
    Reveals how much lifetime remains after accounting for sleep and work, highlighting the time available for meaningful and personal pursuits.

In addition to numeric insights, the app visually represents the remaining years of life using colored blocks, making abstract time more tangible and easier to reflect on.

Technology

The application is built as a lightweight single-page app using React for real-time calculations and dynamic UI updates. Tailwind CSS is used for responsive and consistent styling. All calculations are performed entirely on the client side, with no backend dependency.

essay

Difference between React and ReactDOM

13 June 2025

React is a JavaScript library for building user interfaces. ReactDOM, on the other hand, is a library that provides an interface between React and the DOM...

essay

Understanding Suspense

2 December 2024

React Suspense comes handy when you want to show an indication to user that something is loading in your app. Loader is the simplest example for a Suspense component. Let’s deep dive into the details of Suspense.

essay

Understanding useRef

2 October 2024

useRef is a powerful React Hook that allows you to create and manage mutable references that persist between renders, Unlike state, changing the value of a useRef object does not trigger a re-render...

essay

Tiny React Apps

15 August 2024

This is a collection of tiny apps built with React, designed to explore and learn React along with its associated libraries. Each project serves as a hands-on experiment to try out new features and deepen understanding of the React ecosystem.

essay

Understanding useCallback

5 June 2024

I hope you know what is useMemo and understood that it caches the values between re-renders. `useCallback` is similar to this and it caches a function instead of values...

essay

React Notebook

2 June 2024

An online handbook about React that will cover all the basic topics. Unlike a physical handbook, this online book will evolve over time as I continue to learn and grow.