Website
ScrollEunice Julio's Adventure Board
A private-family keepsake blog laid out as a corkboard, one board per school year, with a photo-to-post helper, certificates and a generated resume PDF.
What it does
Features, as built.
Public site
- One board per school year (Year 1 to Year 10) with activity cards
- Individual post pages with photos
- Portfolio and contact pages
- Machine-readable files (llms.txt, ai.txt) and a sitemap
Admin
- Google sign-in restricted to two allowed parent emails
- Create, edit and delete posts with photo upload
- Generate a post draft from a photo using the Gemini API, with retry handling
- Certificates, education and profile management
- Resume PDF generated on demand
Tech stack
Every technology used, and what it is used for.
Framework
| Technology | Used for |
|---|---|
| Next.js 16 (App Router) | Routing and server actions |
| React 19 | UI components |
| JavaScript (JSX) | Application code |
Data and files
| Technology | Used for |
|---|---|
| Vercel Postgres | Database |
| Drizzle ORM | Schema and queries |
| Vercel Blob | Photo and certificate storage |
| Sharp | Image processing |
Auth, AI and documents
| Technology | Used for |
|---|---|
| Auth.js (NextAuth) with Google | Allow-listed admin sign-in |
| Google GenAI SDK (Gemini) | Draft a post from a photo |
| React-PDF | Resume PDF generation |
| react-markdown | Post text rendering |
Hosting
| Technology | Used for |
|---|---|
| Vercel | Hosting, preview deployments and CDN |
Want To Be Next
Want something built the same way?
Tell us about your business and what you need, and we will come back with a plan, the stack we would use and why.
Get Your Free Growth Audit