Skip to content

A visual representation of 2025 in pixels with daily progress tracking

License

Notifications You must be signed in to change notification settings

iamakchavan/2025-in-pixels

Repository files navigation

CyberYear

A sleek web application that visualizes your journey through 2025. Each day is represented as an interactive pixel, creating a beautiful digital tapestry of time. Watch as the year unfolds with elegant animations and track your progress in real-time.

CyberYear

✨ Features

  • Interactive pixel grid for each day of 2025
  • Elegant hover effects with date information
  • Real-time progress tracking with animated counters
  • Inspirational daily quotes
  • Responsive design for all devices
  • Sleek dark mode interface with neon accents

🛠️ Built With

  • React 18
  • TypeScript
  • Tailwind CSS
  • Vite
  • date-fns

🚀 Quick Start

# Clone repository
git clone https://github.com/iamakchavan/2025-in-pixels.git

# Navigate to directory
cd 2025-in-pixels

# Install dependencies
npm install

# Start development server
npm run dev

🎨 Color Guide

The application uses a carefully chosen color palette:

  • Future Days: Bright cyan with glow
  • Today: Neon pink with breathing effect
  • Past Days: Subtle white

🔗 Links

📄 License

MIT License - feel free to use this project for personal or commercial purposes.

About

A visual representation of 2025 in pixels with daily progress tracking

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published