Back to Projects

Onira

Website to create and share moodboards with multiple content types and collaborative features

January 15, 2024

In Progress

View Live

Tech Stack

  • Nextjs logo Nextjs
  • React logo React
  • Typescript logo Typescript
  • Tailwind logo Tailwind
  • Postgresql logo Postgresql
  • Redis logo Redis
  • Aws logo Aws
  • Authjs logo Authjs
  • Vercel logo Vercel
  • Prisma logo Prisma
  • Radix logo Radix
Onira moodboard application screenshot

Onira - Collaborative Moodboard Platform

Onira is a modern web application designed to create and share interactive moodboards. Built as a progressive web app (PWA), it offers a comprehensive platform for visual content organization, collaboration, and creative inspiration with real-time sharing capabilities.

Key Features

  • Moodboard Creation: Create beautiful and intuitive moodboards with drag-and-drop functionality
  • Multiple Content Types: Add various types of ‘tiles’ including:
    • Images and media files
    • Text notes and descriptions
    • Interactive maps and locations
    • External links and references
    • Color palettes and swatches
  • Collaborative Sharing: Share moodboards with customizable permissions:
    • Edit rights for full collaboration
    • View-only access for presentation
    • Public sharing options
  • Progressive Web App (PWA): Installable app experience with offline capabilities
  • In-App Notifications: Real-time notifications for collaboration and updates
  • Real-time Sync: Live updates when collaborating with team members

Tech Stack

  • Framework: Next.js with React and TypeScript
  • Styling: Tailwind CSS for responsive design
  • UI Components: Radix UI for accessible component primitives
  • Animations: Framer Motion for smooth interactions
  • Database: PostgreSQL for robust data storage
  • ORM: Prisma for type-safe database operations
  • Cache: Redis for session management and real-time features
  • Authentication: Auth.js for secure user authentication
  • File Storage: AWS S3 for media and asset storage
  • Deployment: Vercel for global edge deployment

Development Status

This project is currently in active development with core moodboard functionality implemented. Current focus areas include:

  • Enhanced collaboration features
  • Advanced content tile types
  • PWA optimization and offline functionality
  • Performance improvements for large moodboards
  • Mobile app experience refinements

Architecture

The application leverages a modern tech stack designed for scalability and real-time collaboration:

  • Frontend: React with TypeScript for type safety and component reusability
  • Backend: Next.js API routes with PostgreSQL and Redis
  • Real-time: WebSocket connections for live collaboration
  • Storage: Distributed file storage via AWS S3 with CDN
  • Caching: Redis for session storage and real-time synchronization

Live Demo

Main Application: onira-v3.vercel.app - Experience the full collaborative moodboard platform

Project Showcase: onira.app - View the project roadmap and join the waitlist