Hue

Hue is a minimalist, focus-oriented timer application that uses color spectrums instead of traditional numerical displays. The project consists of both a cross-platform mobile application and a progressive web application (PWA).

Project Structure

• /hue-mobile: The mobile application built with React Native and Expo.
• /hue-web: The web application built with Next.js, TypeScript, and Framer Motion.

Features

• Gesture-based controls for time setting and management.
• Dynamic color background reflecting the remaining time.
• Minimalist user interface designed for deep work and meditation.
• PWA support for easy installation on desktop and mobile devices.
• Local notifications for timer completion.

Technologies

• React Native (Expo)
• Next.js (App Router)
• TypeScript
• Tailwind CSS
• Framer Motion
• Reanimated

Getting Started

Mobile Version

1. Navigate to the hue-mobile directory.
2. Run npm install.
3. Run npx expo start.

Web Version

1. Navigate to the hue-web directory.
2. Run npm install.
3. Run npm run dev.

License

This project is licensed under the MIT License - see the LICENSE file for details.