Project Overview
Eddit-IS is a modern digital agency platform designed to combine a high-performance marketing website with a powerful CRM, CMS and business management system.
The platform was developed using Next.js and provides Eddit-IS with a professional online presence while giving the agency an internal system to manage leads, clients, quotations, projects, services, portfolio content, blog articles and media.
Rather than relying on a traditional static website, Eddit-IS was developed as a dynamic, database-driven platform, allowing the business to manage and update its website and day-to-day operations through a secure administration dashboard.
The result is a system that functions as both a digital marketing platform and an internal business management tool.
---
The Public Website
The Eddit-IS website was designed with a modern, premium digital-agency aesthetic, combining strong visual presentation with interactive animations and responsive design.
The website includes dedicated sections for:
- Home
- About
- Services
- Portfolio
- Blog
- Contact
The platform uses a dark, modern interface built with Tailwind CSS, enhanced with custom icons, animations and interactive visual elements.
The homepage features an animated hero section and an interactive network visualisation built with Three.js / React Three Fiber, while GSAP is used to create smooth scrolling and visual animations.
This creates a more engaging experience than a conventional static business website.
---
Core Features
1. Advanced Admin Dashboard
A secure administration dashboard gives the Eddit-IS team control over the website and business data from one central location.
The dashboard provides an overview of important business information including:
- Leads
- Clients
- Quotes
- Projects
- Revenue
- Business activity
This allows the agency to manage its operations without needing a developer to make everyday content or data changes.
---
2. Lead Management & Sales Pipeline
The platform includes a dedicated lead management system with a visual sales pipeline.
Leads can move through different stages:
New → Contacted → Won → Lost
When a lead is marked as Won, the system can automatically create a corresponding client record.
This connects the agency's marketing activity directly to its CRM workflow and reduces unnecessary manual administration.
---
3. Client Management
The CRM includes a dedicated client management system where the agency can manage client information and maintain its business records.
This provides a central location for managing relationships between leads, clients, quotations and projects.
---
4. Quotation Management
Eddit-IS includes a quotation management system designed to simplify the process of preparing and managing client quotations.
The system provides:
- Automatic quotation numbering
- Line-item management
- Automatic calculation of totals
- Quote management through the admin dashboard
Quotation numbers follow a structured format such as:
EDT-2026-001
This creates a more professional and organised quotation workflow.
---
5. Project Management
The platform includes a project management section for managing the agency's projects.
Projects can be created and managed from the administration dashboard, allowing the business to maintain a central record of its work and client projects.
---
6. Content Management System
One of the major features of Eddit-IS is its integrated CMS.
The agency can manage its website content directly from the administration dashboard, including:
- Blog posts
- Portfolio projects
- Services
- Website content
This means the public website is no longer dependent on hardcoded content.
Updates made through the administration dashboard can be reflected dynamically on the public website.
---
7. Portfolio Management
The portfolio is database-driven, allowing the agency to add and manage projects through the admin system.
Portfolio projects can be created, edited and maintained without manually changing the website's source code.
This provides a scalable foundation for continuously growing the agency's portfolio.
---
8. Blog Management
The platform includes a complete blog management system.
Administrators can manage blog content through the dashboard, while published articles are displayed dynamically on the public website.
This provides Eddit-IS with a foundation for:
- Content marketing
- SEO
- Industry insights
- Company news
- Thought leadership
---
9. Services Management
Services are also managed through the CMS.
The agency can add, edit and manage its service offerings from the administration dashboard, with the public website retrieving the information dynamically from the database.
This makes it easy for the business to expand or change its services as the company grows.
---
10. Cloud Media Library
Eddit-IS includes an integrated media management system using Cloudinary.
Images can be uploaded to the cloud and selected through an integrated image picker when creating or editing content.
This allows images to be reused throughout:
- Blog posts
- Portfolio projects
- Services
- Website sections
The result is a more organised and scalable approach to website media management.
---
11. Contact & Lead Capture
The public contact form is connected directly to the CRM.
Instead of simply sending an email, contact submissions are stored in the Leads database with a source of `"website"`.
This means website visitors can become CRM leads automatically, allowing the sales team to follow up and manage prospects through the lead pipeline.
---
Security & Authentication
The administration system is protected by a dedicated authentication layer using NextAuth.
The platform includes:
- Secure administrator login
- Email and password authentication
- JWT-based sessions
- Protected admin routes
- Protected admin API routes
- Password hashing
Only authorised users can access the internal management system.
---
Technology Stack
Eddit-IS was developed using a modern full-stack technology stack.
Frontend
- Next.js
- React
- Tailwind CSS
- Lucide React
- GSAP
- Three.js
- React Three Fiber
- React Three Drei
- Lenis
Backend
- Next.js App Router
- TypeScript
- MongoDB
- Mongoose
- NextAuth
Cloud & Infrastructure
- MongoDB
- Cloudinary
- Next.js server-side rendering
- API routes
Development
- TypeScript
- ESLint
- Node.js tooling
The technical implementation is documented in the project development log, including the application's architecture, models, authentication, API layer and deployment requirements.
---
Database Architecture
The platform uses MongoDB as its primary database.
The system contains dedicated data models for:
- Users
- Leads
- Clients
- Quotes
- Projects
- Blog Posts
- Portfolio Projects
- Services
- Media Items
This architecture allows the website and CRM to operate from a central source of business information.
---
API & Backend Architecture
The platform includes a dedicated API layer for managing the different business entities.
Administrative API routes provide CRUD functionality for the major sections of the system, while dedicated endpoints handle:
- Authentication
- Contact submissions
- Statistics
- Cloudinary uploads
- Administrative data management
The contact form is connected directly to the Leads collection, while the lead pipeline can automatically create a client when a lead is converted.
---
Dynamic Database-Driven Website
A major improvement over a traditional static website is that the public-facing content is connected directly to the database.
Blog posts, portfolio projects, services and homepage service previews are dynamically retrieved from MongoDB.
This means the Eddit-IS team can update important website content through the administration dashboard rather than modifying source code every time information changes.
---
Why This Project Is Different
Eddit-IS demonstrates how a conventional business website can be transformed into a complete digital business platform.
Instead of building only a frontend website, the project combines:
Website + CMS + CRM + Lead Management + Quotation System + Project Management + Cloud Media + Authentication
into one integrated platform.
This gives the business greater control over its digital presence while reducing the amount of manual administration required to manage its online operations.
---
Development Outcome
The project was developed as a full-stack Next.js application with a production-ready architecture.
The development process included the implementation of the database layer, authentication system, CRM functionality, CMS, cloud media storage, API routes and dynamic public pages.
The application was also type-checked and successfully built using the production Next.js build process.
---
Project Highlights
Project Type: Full-Stack Digital Agency Platform
Primary Technologies: Next.js, React, TypeScript, MongoDB, Mongoose, Tailwind CSS
Business Systems: CRM, CMS, Lead Management, Quotations, Projects
Cloud Services: MongoDB & Cloudinary
Authentication: NextAuth
Visual Technology: GSAP, Three.js, React Three Fiber
Architecture: Full-stack, database-driven, dynamic web application
---
The Live Lonke ICT Difference
Eddit-IS is an example of how Live Lonke ICT approaches modern web development.
The goal is not simply to build a website that looks good. The goal is to build technology that helps a business operate, manage customers, generate opportunities and grow.
By combining a modern website with CRM functionality, content management, automation-ready infrastructure and cloud services, Eddit-IS demonstrates the ability to build customised digital platforms around the actual needs of a business.
Live Lonke ICT, Building Digital Systems That Work for Your Business.