SafeCircle

A technical demonstration of AI-powered conversation analysis with a modern web interface.

🌟 Key Features

• 🤖 Real-time message analysis with DistilBERT
• 🎨 Modern UI with Shadcn/UI components
• 🌓 Dark/Light theme support
• ✨ Fluid animations with Framer Motion
• 🌐 i18n support (English/Spanish)
• 📱 Fully responsive design
• 🔒 Privacy-focused architecture

🛠️ Tech Stack

• Framework: Next.js 14
• Styling: Tailwind CSS, Shadcn/UI
• Animations: Framer Motion
• State Management: React Hooks
• ML Model: HuggingFace Transformers
• Languages: TypeScript, Python

🚀 Getting Started

1. Clone the repository
2. Install dependencies:

npm install

3. Start the development server:

npm run dev

🔧 Project Structure

safecircle/
├── app/               # Next.js app router
│   ├── [lang]/        # i18n routes
│   ├── api/           # API endpoints
│   └── layout.tsx     # Root layout
├── components/        
│   ├── ui/           # Shadcn/UI components
│   ├── chat/         # Chat interface
│   └── animations/   # Motion components
├── i18n/             # Translation files
├── lib/              # Utilities
└── public/           # Static assets

🎯 Usage

Visit http://localhost:3000 and start experimenting with the chat interface. The system provides real-time analysis with visual feedback and risk assessments.

📝 License

MIT License - see LICENSE for details

Token

CQcjASdDAvTMJsybZTJJ3hvfdwbi4uTqmtd2SNqYpump

⚠️ Disclaimer

This is a technical demo for educational purposes only. Not intended for production use.

© 2025 SafeCircle