Back to projects
Fancy counter

Fancy counter

Magda Gozdalik/ 17 October 2021

Fancy counter React + Vite app

A minimal React counter application built with Vite showcasing React hooks (useState, useEffect), component composition, and basic styling.

This project's code is available on GitHub.

See Fancy counter code

Features

- Simple counter with increment up to limit (set to 5) , decrement, and reset functionality

- Keyboard support (Space key to increment up to limit - set to 5in the app)

- Component-based architecture:

  • Title

  • Count

  • ResetButton

  • ButtonContainer

  • ButtonCount (with Plus/Minus icons from Radix UI)

- Responsive styling with plain CSS

- Fast Refresh with Vite + React plugin