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.
Animated with Framer Motion.
Styled with Tailwind CSS.
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:

npm install

Then, run the development server:

npm run dev

Or build and run the production server:

npm run build
npm run start