Caroroom

Philosophy, Scent, and Psychology—A Technical Journey in Brand Experience

Overview

Caroroom represents a sophisticated fusion of e-commerce, content delivery, and service booking, implemented as a modern Jamstack application. Built with Svelte and complemented by a headless CMS architecture.

Technical Architecture

Core Technologies

• Framework: SvelteKit for server-side rendering and routing
• Content Management: Sanity CMS with GROQ queries
• Payment Processing: YooKassa API integration
• Communication: Telegram Bot API & Resend for notifications
• Deployment: Vercel

Key Features & Implementation Details

1. Real-time Notifications

export async function POST({ request }) {
try {
const { chatId, text }: TelegramNotification = await request.json();
if (!chatId || !text) {
throw error(400, "Chat ID and text are required");
}
const success = await sendTelegramMessage(chatId, text);
return json({ success });
} catch (err) {
console.error("Failed to send Telegram notification:", err);
throw error(500, "Failed to send Telegram notification");
}
}

2. Email System

• Custom email templates using Resend
• Automated order confirmations
• Newsletter management

3. Analytics & Monitoring

// Custom analytics implementation
export const trackEvent = async (eventName, properties) => {
  if (dev) return;
  try {
    await fetch('/api/analytics', {
      method: 'POST',
      body: JSON.stringify({ event: eventName, ...properties })
    });
  } catch (error) {
    console.error('Analytics error:', error);
  }
};

Future Roadmap

• Improved UX
• Better colours
• Advanced analytics dashboard

Development Workflow

# Development setup
npm run dev

# Production build
npm run build

# Content management
sanity deploy

This project showcases the harmonious blend of technical excellence with brand experience.