Web Development
Rommana — Bilingual Website & Children's Art Gallery
Bilingual English/Arabic website for a children's arts space in Hebron, with a drawings gallery, online donations, and a custom admin CMS.
Next.jsReactPrismaMySQLNextAuth.jsTailwind CSS+3 more
Project Overview
A bilingual English and Arabic website for Rommana, a grassroots initiative in Wadi Al-Samen, Hebron, that gives children a space for art, culture and community activities. Visitors browse a gallery of children's drawings filtered by theme and donate through an embedded Donorbox campaign. Artwork submissions and contact messages are emailed to the team, and senders who leave an email get an automatic confirmation. Pages for activities, news, stories and films are filled from posts published in the dashboard. Behind the site is a password-protected Next.js dashboard. Staff use it to manage artworks, categories, partners, team members and posts, with a rich-text editor, a shared media library, one-click draft translation between English and Arabic, and built-in Google Analytics reports.
Key Features
Bilingual English / Arabic interface with full RTL layout
Children's drawings gallery with theme filters, infinite scroll, and artwork viewer
Artwork submission and contact forms with email auto-replies
Embedded Donorbox donation campaign
Category pages for activities, news, stories, and films, fed by dashboard posts
Password-protected admin CMS for artworks, categories, partners, team, and posts
Rich-text editor with YouTube embeds and a shared media library
One-click English ↔ Arabic draft translation
Google Analytics traffic reports inside the dashboard
SEO metadata, sitemap, hreflang alternates, and structured data
Technologies Used
Next.js
React
Prisma
MySQL
NextAuth.js
Tailwind CSS
Vercel Blob
Tiptap
Donorbox
Project Gallery
Our Role
Next.js front end, custom admin dashboard and CMS, API routes and Prisma data layer, donation/email/analytics integrations, and Vercel deployment.
