Project Overview

ZERO31° is a full-stack portfolio and content management platform built for an architecture & interior design studio. It powers both the public marketing website and an authenticated dashboard where the team manages projects, services, office information and team members.

Key Features

Public website showcasing architecture and interior projects with a full-screen hero video and high-quality imagery.
Project catalogue backed by a relational data model for project types, scopes, sections and images, allowing rich case studies for each work.
Office page with dynamic manifesto, introduction, services and team sections, all editable from the CMS.
Admin dashboard with role-based access for managing projects, project types, scopes, services, team members and office content.
Drag-and-drop project ordering in the dashboard using @hello-pangea/dnd, with the new order persisted in the database.
Contact form powered by server-side API routes, with validation and email delivery via Nodemailer.

Architecture

The application is implemented as a modern Next.js App Router project and deployed as a full-stack site.

Frontend: Next.js 15 with React 19, TypeScript and Tailwind CSS for the public site, plus Material UI (MUI) for the dashboard UI.
Backend: Next.js server components and API routes using Prisma ORM on top of a PostgreSQL database.
Authentication: Custom email/password login built with jose and middleware-protected dashboard routes for ADMIN and EDITOR roles.
Data modeling: Normalized schema for users, projects, project types, project scopes, project sections, images, services and team members.
Media: Image-heavy layouts optimized with the Next.js Image component and responsive breakpoints.

Responsibilities

I designed the database schema, implemented the API routes and Prisma layer, built the admin dashboard UX (including drag-and-drop project ordering), and developed the responsive marketing site for ZERO31°.