This project was created for the Qloo Hackathon
This repo is the combination of both repositories listed below. If you want to follow the commmit histories of the webapp and slack bot, please follow the URLs listed.
Main Repositories:
- 🌐 Web Application: github.com/ferran9908/OnBloom-WebApp
- 🤖 Slack Bot: github.com/ferran9908/OnBloom-SlackBot
OnBloom is an innovative AI-powered platform that revolutionizes employee onboarding and workplace engagement by leveraging cultural intelligence from Qloo's API. The platform consists of two integrated applications that work together to create seamless, personalized experiences for new hires and existing employees.
OnBloom transforms the traditional onboarding experience into an intelligent, culturally-aware journey that helps new employees integrate faster and more effectively into their workplace. By combining visual onboarding flows, AI-powered recommendations, and conversational assistance, OnBloom creates meaningful connections between employees based on shared interests and cultural affinities.
A modern HR platform built with Next.js 15 that provides:
- Interactive Onboarding Canvas: Visual flow-based onboarding experience using React Flow
- AI-Powered Generation: Intelligent onboarding plan generation with structured data
- Four Key Categories:
- People: Connect new hires with relevant team members
- Processes: Access to documentation, wikis, and procedures
- Training: Curated video resources and learning materials
- Access: System access management with priority levels
- Beautiful Design: Custom Onbloom design system with brand colors and typography
An intelligent Slack assistant that enhances employee engagement through:
- Conversational AI Assistant: Natural language interactions with memory persistence
- Interactive Housing Recommendations: Location-based suggestions using cultural intelligence
- Smart Employee Connections: Automated introductions based on shared interests
- Gift Recommendations: Personalized gift suggestions based on common preferences
OnBloom leverages Qloo's taste intelligence API to:
- Analyze cultural preferences and interests
- Match employees based on commonalities
- Generate personalized recommendations for housing, gifts, and connections
- Create meaningful workplace relationships through shared affinities
- Framework: Next.js 15 with App Router
- Language: TypeScript
- Styling: Tailwind CSS v4
- UI Components: shadcn/ui with Radix UI
- Visualization: React Flow
- Package Manager: Bun
- Runtime: Node.js with TypeScript
- Framework: Express.js + Slack Bolt SDK
- AI/LLM: OpenRouter (Llama 3.1 8B, Gemini 2.5 Flash)
- Intelligence: Qloo API
- Storage: Upstash Redis, Notion API
- Deployment: Railway
OnBloom features a cohesive design system with:
- Brand Colors: Deep purple (#63264B), soft pink (#FDBBBF), and complementary accent colors
- Typography: Nunito Sans for titles, Inter for body text
- Visual Elements: Flower-inspired layouts representing growth and connection
Each component has its own setup instructions:
- Interactive onboarding flows with drag-and-drop canvas
- AI-generated onboarding plans tailored to each role
- Visual connections between employees, processes, and resources
- Natural conversations that remember context
- Housing recommendations based on lifestyle preferences
- Automated employee introductions with cultural insights
OnBloom is designed as a modular platform where the web application and Slack bot can work independently or together, sharing data through APIs and webhooks to create a unified onboarding and engagement experience.
This project was created for the Qloo Hackathon. For more information about the hackathon and to see other submissions, visit the Qloo Hackathon page.
Please refer to the individual repositories for license information.
Built with ❤️ for the Qloo Hackathon