Libertalia

We've all been through it: scouring through the Internet to find the perfect shirt or accessory, or item for our room, the final piece that completes the puzzle. Libertalia is where you find it.

Comment

Inspiration

Libertalia takes its name from the legendary pirate utopia: a hidden settlement where resources, knowledge, and trust were shared among a community of explorers. Visually and thematically, the project is inspired by Uncharted 4: A Thief's End, with lush jungle greens, weathered browns, and an anchor motif that evoke adventure, discovery, and the romance of finding something valuable in unexpected places.

We built Libertalia for SYNCS HACK 2026 in response to the theme of using technology to foster genuine human connection. Shopping today is often solitary and overwhelming: endless product pages, sponsored reviews, and algorithmic feeds that prioritize engagement over honesty. Libertalia offers an alternative: a community-curated space where people share real purchases, real ratings, and real personality.

When you browse someone else's post, you are not just seeing a product: you are seeing a slice of who they are. Over time, patterns emerge: what your community is buying, what categories are trending, and which items consistently earn high ratings. For users with lower digital literacy, this reduces the burden of researching across multiple sites: the community does the curation.

What it does

Libertalia allows users to:

  1. Register and log in with secure credentials
  2. Create a profile with a display name, profile picture, and follower/following counts
  3. Post purchase reviews including:
    • Product category (Fashion, Home, Beauty & Skincare, Electronics & Tech)
    • Item name and star rating (1–5)
    • Mandatory product photo
    • Optional description, favorite things, purchase link, and location
  4. Browse a home feed of community posts with sticky category filters
  5. Search for posts by item name
  6. Follow other users from their posts
  7. Discover random posts via the Shuffle feature for inspiration
  8. Manage their own posts: view in a profile grid and delete as needed

Locations are linked to Google Maps; purchase links open the original store page.

How we built it

Libertalia is a full-stack web application built with:

  • Node.js + Express for the server and routing
  • SQLite (better-sqlite3) for persistent data storage
  • EJS for server-side HTML rendering
  • bcryptjs for password hashing
  • express-session for authentication state
  • multer for image uploads (profile pictures and product photos)
  • OpenStreetMap Nominatim for location autocomplete
  • Vanilla CSS + JavaScript for the UI, including an Instagram-style collapsible sidebar, sticky header with category filters, and modal-based post creation

The database stores users, posts, and follower relationships. Posts are joined with user data for display on the feed, search results, and profile pages.

The design uses custom fonts (TheBoldFont for headings, Tropikal Bold for body text) and a cohesive earthy color palette drawn from tropical adventure aesthetics.

Challenges we ran into

  • Layout consistency: balancing an Instagram-style narrow sidebar with a centered, multi-column profile grid required careful CSS tuning across viewport sizes
  • Sticky navigation: integrating category filters into the header while keeping them visible during scroll involved restructuring the header component
  • Location search: implementing accessible location autocomplete without a paid Maps API, solved using OpenStreetMap's Nominatim service
  • Image handling: ensuring product images are mandatory, validated, and stored reliably with multer while keeping the upload flow intuitive (click-to-change profile picture, modal for new posts)

Accomplishments that we're proud of

  • Building a complete, functional social commerce platform within the hackathon timeframe: from auth to feeds, search, follows, and post management
  • Creating a distinct visual identity that ties the Uncharted 4 / Libertalia pirate-adventure theme to a modern, usable interface
  • Designing for community and accessibility: surfacing honest reviews from real people to help others discover trends, find better deals, and feel connected rather than isolated by technology
  • Implementing features that encourage discovery and personality — Shuffle for inspiration, follows for taste-makers, and rich post metadata (location, links, favorites) that go beyond a simple star rating

People who are less digitally literate may find it difficult to research the net to find better deals, or find more variety when it comes to purchases. Libertalia hopes to bridge that gap through a platform that brings them closer to community, trends, and authentic recommendations.

What we learned

  • How to structure a server-rendered Node.js application with session auth, file uploads, and relational data in SQLite
  • The importance of iterative UI design: small layout fixes (centering, sticky headers, icon navigation) significantly improve perceived quality
  • How community-driven content can be a powerful alternative to algorithmic recommendation for hackathon-scale projects
  • Integrating third-party geocoding APIs client-side with debounced autocomplete for a polished location input experience

What's next for Libertalia

  • Public user profiles viewable by others
  • Comments and likes on posts
  • A Trending page aggregating popular items and categories
  • Price fields with deal comparison over time
  • Enhanced accessibility (screen reader support, simplified UI mode)
  • Mobile-responsive PWA or native app
  • Recommendation engine based on follows and category preferences
  • Content moderation and reporting tools
Share this project:

Updates