ECOPURE Cleaning Services

Project Overview

ECOPURE is a modern cleaning service platform that emphasizes environmental responsibility and ease of use. Designed for both customers and administrators, it features a seamless booking flow, dynamic service listings, contact forms, a secure dashboard, and integration with Cloudinary for media management. The project reflects a blend of functional backend logic and clean UI, tailored for the Kenyan market. The platform serves as both a service interface for clients and a management tool for the business.

My Role

Full-stack Developer, UI/UX Designer, DevOps (deployment, environment setup), Database architect, Project manager

Technologies Used

• Next.js (TypeScript), CSS Modules
• Node.js, Next.js API routes
• PostgreSQL with Prisma ORM
• Clerk Authentication
• Cloudinary
• Vercel Deployment
• Nodemailer

Key Features

• Fully responsive landing, about, and service pages
• Dynamic booking system with form validation
• Admin and user dashboard for managing bookings and inquiries
• Image upload and preview (for services and galleries)
• Authentication and role-based access
• Realtime feedback via toast messages and error handling
• PostgreSQL integration for persistent data
• Clean, eco-branded UI with intuitive navigation

Challenges & Solutions

Database deployment: Faced errors with local PostgreSQL shadow databases. Solved by switching to Supabase and resetting the migration history. Image handling: Used Cloudinary integration for scalable media storage and display. State management: Simplified with hooks and structured props, avoiding heavy state libraries. Deployment: Overcame Prisma deployment errors by ensuring correct connection strings and using npx prisma migrate deploy properly with Supabase. Styling consistency: Used plain CSS modules for full control while keeping design in sync with the eco-friendly brand identity.