https://github.com/chtozamm/annyknits

A modern, customizable, feature-rich counter 🧶
https://github.com/chtozamm/annyknits

counter nextjs react

Last synced: 21 days ago
JSON representation

A modern, customizable, feature-rich counter 🧶

• Host: GitHub
• URL: https://github.com/chtozamm/annyknits
• Owner: chtozamm
• License: mit
• Created: 2024-01-14T18:54:07.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-11-03T13:58:54.000Z (2 months ago)
• Last Synced: 2024-11-03T14:33:00.231Z (2 months ago)
• Topics: counter, nextjs, react
• Language: TypeScript
• Homepage: https://annyknits.vercel.app
• Size: 476 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Annyknits 🧶

A modern, customizable, feature-rich counter.

> This project was created for my loved one to keep track of rows while knitting, which is where the name comes from.

Built with [Next.js](https://nextjs.org/).  

Animated with [Framer Motion](https://www.framer.com/motion/).  

Styled with [Tailwind CSS](https://tailwindcss.com/).  

_Crafted with love_.

## Features

- 🧶 Create multiple named counters and switch between them.

- 🎨 Customize counters: change the label, background, and icon in settings.

- 🎯 Set a target/goal for each counter.

- 🅾️ Double-click on a counter to reset its value.

- 🍒 Split screen: display and manage two counters.

- 💻 UI/UX optimized for both desktop and mobile devices.

- 🫙 Counters and settings are stored in local storage.

- ⚡ Designed to be installed as a Progressive Web App.

## Setting up

First, install the dependencies:

```bash

npm install

```

Then, run the **development** server:

```bash

npm run dev

```

Or build and run the **production** server:

```bash

npm run build

npm run start

```