Back to Projects
Claro project banner

Claro

Centralized productivity platform that helps you manage events, reminders, and notes all in one place. Built with modern web technologies, it offers a seamless experience across desktop and mobile devices with PWA capabilities and smart SMS notifications.

Role:

Full-stack Developer

Client:

Personal Project

ReactNext.jsTypeScriptFirebaseTwilioTipTapTailwind CSS

Features

  • Interactive calendar with multiple views and event categorization
  • Multi-day and recurring event support with all-day options
  • Smart SMS notifications via Twilio with timezone intelligence
  • Time-based reminder system with completion tracking
  • Rich text note editor powered by TipTap with markdown support
  • Pin important notes to top with full-text search functionality
  • Progressive Web App (PWA) with offline capabilities
  • Dark/light theme with persistence across sessions
  • Real-time cross-device synchronization with conflict resolution
  • Responsive design optimized for mobile and desktop

Technical Architecture

Frontend

Modern React framework with progressive web app capabilities

  • • Next.js 15 with App Router
  • • React 19 with TypeScript
  • • Tailwind CSS styling
  • • PWA with offline support

Backend & Database

Real-time database with serverless functions for automation

  • • Firebase Firestore database
  • • Real-time listeners
  • • Cloud Functions automation
  • • Firebase Authentication

Integrations

Smart notifications and rich text editing capabilities

  • • Twilio SMS integration
  • • TipTap rich text editor
  • • Timezone-aware scheduling
  • • Cross-device synchronization