← Back to Projects

04

Dannic Inspo Board

Pinterest-style inspiration board with ImageKit

React.jsNode.jsMongoDBImageKitJWT

!The Problem

Creative professionals save inspiration across WhatsApp, screenshots, browser bookmarks, and notes apps — scattered with no structure. They needed one clean place to collect, organize, and revisit ideas with fast performance even on slow Nigerian internet connections.

The Solution

A Pinterest-style board app where users create boards, pin images and quotes, and browse a public feed. ImageKit handles all media — uploads, storage, CDN delivery, and real-time transformations. Lazy loading with IntersectionObserver ensures images only load when visible, keeping the app fast on any connection.

Stack & Why Each Technology

React.js

The masonry-style board layout and infinite scroll feed required React's component model and state management for smooth interactions.

Node.js + Express

RESTful API handling auth, board management, media upload signatures, and feed queries.

MongoDB

Flexible document schema was ideal for pin data — varying content types (images, quotes, links) with different metadata per type.

ImageKit

Chosen over Cloudinary for its generous free tier, built-in image transformation API (resize, crop, compress, filters via URL params), and faster CDN performance in Africa.

Lazy Loading (IntersectionObserver)

Native browser API — no extra library needed. Loads images only when they enter the viewport, critical for performance on slow connections.

Key Features

  • ImageKit upload, storage, and CDN delivery
  • Real-time image transformations via URL API
  • Board creation and collection management
  • Lazy loading with IntersectionObserver
  • Public discovery feed
  • Search and filter by title or tag
  • JWT authentication with protected boards

Tech Stack

React.jsNode.jsMongoDBImageKitJWT

← Previous

Hospital Inventory System

Next →

School Management Portal