Shubham126710/Chronos：基于 Google Gemini 的生产力操作系统

A premium, high-performance productivity operating system designed for deep work.

Features • The Experience • Tech Stack • Getting Started

📖 Overview

Chronos is a state-of-the-art productivity operating system designed for high performers. It provides a sleek, high-performance, and deeply immersive interface for managing tasks, tracking habits, scheduling deep work, and aligning daily actions with long-term goals.

Built with aesthetic excellence at its core, Chronos leverages a premium monochromatic design language with subtle dark mode accents and fluid micro-animations to create a distraction-free, luxurious user experience. The platform redefines personal productivity with advanced authentication, a highly customizable dashboard, an AI-powered command palette, and real-time database persistence.

✨ Features

1. Premium Monochromatic UI/UX

Chronos utilizes a dark-mode-first, highly polished interface featuring precise typography, dynamic spacing, and smooth Framer Motion micro-animations designed to awe users while maintaining a distraction-free environment.

2. Dynamic Personalized Dashboard

A deeply interactive user hub where you control the layout. The Dashboard Canvas features an array of modular widgets, including:

Productivity Score: Real-time analytics on your weekly efficiency.
Tasks & Habits: Quick toggles for daily actions.
Focus Timer: Built-in Pomodoro capabilities for deep work.
Quick Capture: A CLI-style interface for instantly logging notes and ideas.
Goals & Projects: High-level tracking of your ultimate objectives.

3. AI-Powered Command Palette & Executive Assistant

Chronos features a powerful AI layer driven by Google Gemini. Accessible via the Command Palette (⌘K) or the Dashboard AI widget, it can understand your productivity system and take useful actions:

Ask "When should I study today?" to find your optimal cognitive peak window based on calendar data.
"Move low priority tasks to next week" to instantly de-clutter your schedule.
The AI Executive automatically protects your focus blocks and re-balances schedules when tasks are missed.

4. Intelligent Time Blocking & Calendar

A dynamic time-blocking system that automatically schedules tasks around meetings and cognitive energy peaks with built-in buffer protection. Seamlessly transition between day views and manage your focus hours with unprecedented clarity.

5. Secure Next-Gen Authentication

Robust login systems built on top-tier authentication providers, ensuring your data is securely locked down while maintaining a frictionless onboarding experience.

6. Frictionless Onboarding Flow

A short, premium, interactive walkthrough designed to introduce new users to the Chronos philosophy. It establishes their first goal, task, and focus session, persisting the state securely through Prisma.

📸 Functionality & Usage

Landing Page & Hero Section

A sleek landing interface introducing the Chronos productivity suite.

Authentication

A minimalist login screen designed with security and clean typography in mind.

Command Center & Dashboard

The primary workspace with live metrics, quick capture, and customizable widgets.

Task Management

Streamlined view to organize, prioritize, and process daily to-dos and project goals.

Intelligent Calendar

Interactive calendar supporting time blocking and optimal cognitive peak schedule management.

Habit Tracking

Track recurring habits and maintain consistent daily productivity streaks.

Notes & Quick Capture

Organized workspace for notes, quick captures, and knowledge management.

Performance & Analytics

In-depth productivity metrics, focus scores, and progress analytics over time.

Integrations

Connect your favorite tools and external calendar providers seamlessly.

System Settings

Manage your profile preferences, theme parameters, and account controls.

Modular Architecture

Configure system modules and extend dashboard capabilities.

🛠 Tech Stack

This project is built using modern, enterprise-ready web technologies tailored for speed and reliability.

Framework: Next.js 15 (Turbopack)
Frontend: React 18
Styling: Tailwind CSS with a custom premium monochromatic token system.
Animations: Framer Motion
Icons: Lucide React
State Management: TanStack Query (React Query)
Database ORM: Prisma
Database: PostgreSQL
AI Integration: Google Gemini

Project Structure

├── prisma/             # Database schema & migrations
├── public/             # Static assets, logos, and screenshots
├── app/                # Next.js App Router (Pages, API Routes, Layouts)
├── components/         # Reusable React UI Components (Command Palette, Sidebar, etc.)
├── features/           # Domain-specific modules (Dashboard, Calendar, AI, Tasks)
├── lib/                # Utilities and Prisma Client
└── README.md           # You are here

🚀 Getting Started

Follow these steps to set up the project locally.

Prerequisites

Node.js 18+
npm or pnpm

Installation

Clone the repository

git clone https://github.com/Shubham126710/Chronos.git
cd Chronos

Install dependencies
```
npm install
```

Configure Environment Variables Create a .env file in the root directory:

NEXT_PUBLIC_APP_URL="http://localhost:3000"
DATABASE_URL="file:./dev.db"
GEMINI_API_KEY="your_google_gemini_api_key"

Initialize Database Run Prisma migrations to build your schema and generate the client:
```
npx prisma db push
npx prisma generate
```
Run the Development Server
```
npm run dev
```
Open http://localhost:3000 with your browser to launch Chronos.

📄 License

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

_{Built with ❤️ by Shubham Upadhyay}