Anton Tranelis
7e1d95ecdd
Add TextViewStatic component for Leaflet popups and card previews: - Uses simple HTML rendering instead of TipTap EditorContent - No contenteditable attribute = no Leaflet click blocking issues - Better performance for rendering many items Changes: - Add TextViewStatic.tsx for popups/cards - Add simpleMarkdownToHtml.tsx utility for lightweight markdown conversion - Update ItemViewPopup to use TextViewStatic - Update ItemCard to use TextViewStatic TextView (full TipTap) remains for profile pages with all features. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
🌍 Utopia Map 
The Utopia Map is a flexible collaborative app for decentralized coordination and real-life networking that can be adapted to the specific requirements of different networks. Its central element is the interactive geographical map, where users can add and manage Items in predefined Layers.
Utopia Map is made for networks and initiatives that aim to connect people in real life. By providing a custom instance of Utopia Map, each network can grow and coordinate its ecosystem effectively while encouraging real-world interactions and collaborations.
Utopia Map is based on Utopia UI.
Key Features
- Interactive Map: The core feature is an intuitive geographical map where users can add, edit, and manage items like members, activities, and resources. Each map instance has its own identity, users, and unique configuration.
- Customizable Layers: Items are organized into predefined Layers, each with specific icons, colors, texts, and Map Markers. This ensures clarity and relevance for different networks.
- Dynamic Map Markers: Geographic position of item are indicated on the map by adaptive and customizable Map Markers
- Popups: Clicking a Map Marker reveals a Popup — a compact preview of the Item with its most relevant information. Define custom Popups for each of your Layers.
- Profiles: Each Item has a dedicated Profile that showcases all its associated data, making it easier to explore and manage. Define custom profiles for each of your Layers.
Deployment Options
- SaaS: A hosted solution with regular updates and support for easy onboarding and maintenance.
- Self-Hosted: Deploy on your own infrastructure to retain full control and customization.
Getting Started
Clone the repository and get started with the following commands:
Start docker
docker compose up -d
Initialize backend
sudo chmod 777 -R ./data/
cd backend/
./push.sh
./seed.sh
After this the frontend is running on http://localhost:8080 and the backend on http://localhost:8055
Start dev server
cd app/
npm run dev
Get your Map! 🌱 🌍
Start mapping and growing your community ecosystem together with your custom map.
Support Utopia Map 💚
We are building Utopia Map as an free and opensource tool. To keep this project sustainable and accessible, we need financial support as well as Developrs, UX Designer, Community Managers and Content Creators.
Join us on Telegram and support us on OpenCollective
