https://github.com/zolppy/counter

Simple counter for testing some concepts of Next.js and frontend development.
https://github.com/zolppy/counter

counter jest nextjs react-testing-library reactjs rtl

Last synced: 2 months ago
JSON representation

Simple counter for testing some concepts of Next.js and frontend development.

• Host: GitHub
• URL: https://github.com/zolppy/counter
• Owner: zolppy
• License: mit
• Created: 2023-11-19T16:59:18.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-12-27T23:00:20.000Z (6 months ago)
• Last Synced: 2025-12-30T01:34:22.631Z (6 months ago)
• Topics: counter, jest, nextjs, react-testing-library, reactjs, rtl
• Language: TypeScript
• Homepage: https://counter-zol.vercel.app
• Size: 35.4 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Counter

![Next](https://img.shields.io/badge/NEXT-15.2.2-red?style=for-the-badge)

![React](https://img.shields.io/badge/REACT-19.0.0-indigo?style=for-the-badge)

![Tailwind CSS]()

![TypeScript](https://img.shields.io/badge/TYPESCRIPT-5.0.0-brown?style=for-the-badge)

![Tailwind Merge]()

![Jest](https://img.shields.io/badge/JEST-29.7.0-orange?style=for-the-badge)

![React Testing Library]()

![Status](https://img.shields.io/badge/STATUS-FINISHED-green?style=for-the-badge)

![License](https://img.shields.io/badge/LICENSE-MIT-yellow?style=for-the-badge)

Simple counter for testing some concepts of Next.js and frontend development.

## Features

- Responsive design;

- Consistent design;

- Increment counter;

- Decrement counter;

- Reset counter.

## Technologies

-   Next.js;

-   Tailwind CSS;

-   React

-   TypeScript;

-   Docker.

## Demo

You can access the page here.

## How to run

### By docker

Run the following command on a console:

```bash

docker compose up -d

```

After some time, open `http://localhost:3000` on a browser tab.

### By npm/yarn

Run the following commands on a console:

```bash

git clone git@github.com:zolppy/counter.git

cd interior-design

npm install # or "yarn"

npm run dev # or "yarn dev"

```

After that, open `http://localhost:3000` on a browser tab.

## Screenshots

![01](https://github.com/user-attachments/assets/df3b99bb-edf9-430f-9eab-3f33dc807f6b)

## Credits

None.