Momentia takes a date and a place, computes the real sky of that night, and draws it as a poster you can download as PNG or SVG.
✨ No accounts · 🖥️ The sky and the poster are computed in your browser · 💳 Optional premium download, paid card-to-card and approved by hand on Telegram
✨ Features
| Area | What it does |
|---|
| 🌌 | Sky engine | Stars, constellations, Sun, Moon (with phase), planets, ecliptic and equator from date + location; north up, east on the left |
| 🎛️ | Sky options | Toggle constellation lines, Moon and planets, planet names, ecliptic, equator, and star density |
| 🖼️ | Layouts | Round chart (free) and Full-page sky (premium), the whole poster is sky with the text over it |
| 🎨 | Styles | Five colour styles: navy & gold, black & white, black & silver, parchment, violet |
| 📥 | Downloads | Free: watermarked PNG / SVG / share (round layout only). Premium: watermark-free 3000px PNG, available for both layouts |
| 🌕 | Moon poster | A second product at /moon: one big real photo of the Moon with the phase it really had that night (phase name and % lit), same 3-step flow, five styles |
| 🚀 | Space home | The landing page floats in space: a canvas starfield with depth, streaks as you scroll, shooting stars, a nebula and the real Moon receding down the page (GSAP; respects reduced motion) |
| 🗂️ | Gallery | /posters lists every layout in every style and opens the create flow with that look preselected |
| 🇮🇷 | Locale | Persian UI (fa), RTL, Vazirmatn, Jalali calendar |
Create flow
- Moment: city, Jalali date, optional time.
- Personalize: title, names, short line, layout, style, sky options.
- Receive: download. The full-page layout has no free download; the free buttons are disabled and the watermark-free premium file is offered instead.
/create?style=violet&template=full starts the flow with that style and layout.
Moon poster (/moon)
The same three steps (moment → personalize → receive) for a poster that is only the Moon. The phase is computed for the chosen date, time and city; the surface is a real photograph-style disc of the near side (public/moon/moon-nearside.jpg) and the unlit part is drawn over it. South of the equator the Moon is turned upside down, as it appears there. Free and premium downloads work as for the sky poster, and the buyer returns to /moon after paying.
🛠️ Stack
- Next.js (App Router) + TypeScript + Tailwind CSS
- shadcn/ui (Radix, RTL)
- next-intl — Persian only for now
- react-hook-form + zod for the forms
- Card-to-card checkout for the premium download: orders in Upstash Redis, approval through a Telegram bot (server routes under
src/app/api/payments)
- Vazirmatn via
next/font
- Root RTL (
dir="rtl" + DirectionProvider)
📁 Project structure
docs/
logo.jpg # Brand mark
messages/
fa.json # UI translations
src/
app/ # Pages (/, /create, /posters) and payment API routes
components/ui/ # shadcn/ui primitives
features/
sky/ # Sky math (projection, ephemeris) + SVG chart
poster/ # Poster themes, layouts, preview + PNG/SVG export
payments/ # Card-to-card orders, Telegram approval and premium token
home/ # Landing page sections and the posters gallery
i18n/ # next-intl config
lib/ # Shared utilities
🚀 Getting started
Requirements: Node.js 20+
npm install
npm run dev
Open http://localhost:3000 ✨
| Script | Description |
|---|
npm run dev | Start the development server |
npm run build | Production build |
npm run start | Serve the production build |
npm run lint | Run ESLint |
npm run typecheck | Type-check with tsc |
npm test | Run the unit tests |
Premium payments
The watermark-free download is paid card-to-card and approved by hand on Telegram. No payment gateway is involved: banks give no API to see a deposit on a personal card, so the owner checks the deposit and confirms it.
Copy .env.example to .env.local and fill it in. Without the payment settings the premium button reports that checkout is unavailable; everything else works.
여기까지가 README 앞부분입니다. 나머지는 원문에서 읽을 수 있습니다. README 전문 보기 ↗
