🌍 ChronoSphere

ChronoSphere is a premium, immersive 3D world clock application built with React, Three.js, and TypeScript. It offers a futuristic way to track global time through an interactive high-fidelity globe and synchronized temporal nodes.

✨ Features

• Immersive 3D Globe: Interactive Earth visualization with realistic day/night lighting, atmosphere effects, and country borders.
• Global Time Tracking: Monitor time across hundreds of cities and territories worldwide.
• Smart Search: Advanced prioritized search engine for cities, countries, and continents.
• Persistent Favorites: Tracked cities are saved to local storage and synchronized across all views (Home, Globe, Favorites).
• Responsive Design: Fully optimized for desktop and mobile devices with a sleek, adaptive UI.
• Dark Mode Only: A dedicated, premium aesthetic designed for high-end digital environments.

🚀 Tech Stack

• Core: React + TypeScript + Vite
• 3D Engine: Three.js via @react-three/fiber & @react-three/drei
• Styling: TailwindCSS
• Animations: Framer Motion
• Icons: Lucide React

📸 Screenshots

Globe Interface

Home page

🛠️ Installation

1. Clone the repository:

   git clone https://github.com/christian759/chronosphere.git
   cd chronosphere

2. Install dependencies:

   npm install

3. Run development server:

   npm run dev

4. Build for production:

   npm run build

👤 Developer

Built with ❤️ by c2 (Christian Eighemhenrio)

• GitHub: @christian759
• LinkedIn: Christian Eighemhenrio

---

© 2026 ChronoSphere • Digital Horizon