All Projects

Full-Stack Digital Agency Platform

Shei IT

A production agency platform that pairs a polished public website with secure, database-backed content management and operational workflows.

Full-stack Agency Platform / CMSLive
Live SiteGitHub Repository
Shei IT project thumbnail
Live

Overview

What the project is

Shei IT—meaning Excellent IT in Bengali—is a production-ready full-stack platform for a digital services agency. It presents services, portfolio work, case studies, pricing, company information, and contact paths publicly while giving administrators secure control over the content and operational data behind the site.

Problem / Purpose

Why it was built

A growing agency needs more than a static landing page because its services, projects, SEO information, analytics configuration, and customer inquiries change continuously. Shei IT was built to make those areas maintainable through a protected content-management experience instead of requiring source-code changes for every update.

My Role / Contribution

What I worked on

This was a two-developer team project where I worked as a full-stack developer. I was responsible for the entire product outside the blog section, covering the public frontend, administration experience, backend modules, data flows, integrations, and deployment-facing behavior for those areas.

  • Built the public-facing pages, responsive layouts, theme behavior, dynamic service and portfolio experiences, and reusable frontend system outside the blog section.
  • Implemented the protected admin interfaces and workflows for services, projects, contacts, SEO, analytics, and dashboard operations.
  • Developed the corresponding Express and TypeScript backend modules, validation, Prisma data access, and protected CRUD APIs outside the blog module.
  • Connected Firebase-authenticated administration, PostgreSQL content, dynamic metadata, sitemap behavior, and inquiry-management flows.
  • Worked across production integration and deployment concerns for the separated frontend and backend applications.

Key Features

Important product capabilities

Public Agency Experience

  • Responsive service, portfolio, case-study, pricing, about, contact, careers, FAQ, and policy pages.
  • Dynamic service details and portfolio case studies loaded from published database content.
  • Light and dark themes, smooth scrolling, structured loading states, and reusable visual components.

Content Management

  • Admin-managed services with detailed offerings, process steps, technologies, pricing, FAQs, and publication state.
  • Database-backed projects with outcomes, feature groups, roles, architecture, integrations, repositories, and stack data.
  • Draft, published, featured, sorting, and structured-content controls across managed content.

Administration and Leads

  • Firebase-protected dashboard guarded by verified tokens and an administrator email allowlist.
  • Contact inquiry capture with service, budget, company, phone, message, and lifecycle status data.
  • Dashboard controls for projects, services, contacts, SEO information, and analytics settings.

SEO and Platform Operations

  • Editable metadata, canonical URLs, Open Graph fields, focus keywords, and robots controls.
  • Dynamic sitemap generation for service, portfolio, and other public routes.
  • Configurable analytics scripts and SMTP-supported contact email delivery.

Tech Stack

Technology choices by responsibility

Frontend

Next.jsReactTypeScriptTailwind CSSNext ThemesFramer MotionLenis

Backend

Node.jsExpress.jsTypeScriptZod

Database / ORM

PostgreSQLPrisma

Authentication / Security

Firebase AuthFirebase Admin SDKHelmet

Services

NodemailerSMTP

Deployment

Custom DomainRenderHostinger

Architecture / How It Works

Simple system flow

Shei IT separates a Next.js public and admin application from a modular Express API. Prisma and PostgreSQL own structured content, while Firebase secures administrative operations and public APIs expose only published data.

01

Public Content Delivery

Dynamic public routes request published services, portfolio projects, case studies, SEO data, and configuration from the Express API.

02

Secure Administration

An administrator signs in with Firebase, and protected requests carry an ID token that Firebase Admin verifies against the authorized email policy.

03

Modular Content Operations

Feature-specific controllers, services, validation, and Prisma queries handle projects, services, contacts, SEO, analytics, and dashboard data.

04

Publication and Discovery

Approved content becomes available through public APIs while metadata, robots rules, and sitemap entries keep dynamic routes discoverable.

Screenshots / Visual Walkthrough

A guided look through the experience

Shei IT visual preview

Agency Home and Services

The public experience presents the agency brand, service offering, proof of work, pricing paths, and conversion-focused calls to action.

Dynamic Portfolio

Portfolio screens turn database-backed project records into browsable work cards and detailed case studies.

Admin Dashboard

Protected administration surfaces organize content, inquiries, SEO, analytics, and platform overview workflows.

Inquiry Management

Contact workflows capture qualified project details and let administrators track each inquiry as new, replied, or archived.

Challenges & Solutions

Engineering decisions that mattered

Challenge

Turning a conventional agency site into a maintainable content-driven platform.

Solution

We separated the public experience from a modular CMS-style API so services, projects, contacts, SEO, and configuration could evolve without hardcoded frontend edits.

Challenge

Protecting broad administrative capabilities without weakening public content access.

Solution

Firebase token verification, an administrator allowlist, Zod validation, and protected mutation routes keep administrative actions separate from public read-only endpoints.

Challenge

Keeping structured content flexible across service and project detail pages.

Solution

Reusable data models and section-oriented frontend components support complex records while preserving consistent responsive presentation.

What I Learned

Growth from the project

  • Shei IT strengthened my ability to own a broad production surface across frontend, backend, database, security, and deployment concerns within a team project.
  • It improved my understanding of content-management architecture and the difference between hardcoded marketing pages and maintainable operational platforms.
  • Building nearly every product area reinforced the importance of modular boundaries, reusable UI systems, validation, and explicit publication workflows.

Final Links / CTA

Explore Shei IT

Open the live product, review the repository, or return to the full projects archive.

Live SiteGitHub Repository
Back to Projects