mitrokit-ventures

What the project is

Mitrokit Ventures is a modern, responsive business website built with Next.js 14, React, TypeScript, and Tailwind CSS. The README describes it as a full-stack development agency site with sections for services, projects, testimonials, blog, FAQ, and a contact form, plus an admin panel for content management. The agency is based in Meru, Kenya, and the README lists services that include full-stack development, API development, cloud expert services, digital marketing, email marketing, graphics design, web development, app development, and cyber security. The founder is named as Mwaki Denis, and the contact details shown are an email and a phone number. The homepage is composed of many sections: a navbar with an animated hexagon icon, a hero area, a clients strip, about and skills blocks, education and career sections, a services list, a projects portfolio, testimonials, a blog, an FAQ accordion, a hire workflow, an app download prompt, and a contact form with email integration. The README presents the project as both a live site and a reference implementation of a Next.js application with an authenticated admin area, useful for developers who want a concrete example of a marketing site backed by a real content management backend rather than a static page. The README's utility functions include helpers for merging class names, formatting dates, computing reading time, building slugs, and truncating text, all of which the site uses across its pages.

Frontend features and tech stack

The frontend relies on Next.js 14.2.3 with React 18.3.1 and TypeScript 5.4.5, styled by Tailwind CSS 3.4.3. Animations use Framer Motion 11.2.4 and icons come from Lucide React 0.378.0, with Inter for body text and JetBrains Mono for code. The theme is dark mode with neon accent colors. UI components are built on Radix UI primitives such as accordion, dialog, dropdown menu, select, tabs, toast, and tooltip. State lives in Zustand 4.5.2 stores for auth, blog, project, admin, and UI concerns. The blog supports markdown content through gray-matter and remark, with reading time, likes, views, and comments. Forms use React Hook Form 7.51.4 with Zod 3.23.8 for schema validation. The project targets Cloudflare Pages for deployment via @cloudflare/next-on-pages, and development tooling includes ESLint 8.57.0 and the TypeScript compiler. The README's project structure shows a src/app directory with API routes for auth, contact, and subscribe, an admin route, and a components tree of layout and section files, giving a clear map of how the site is assembled. The neon accent palette and scroll-aware navbar with backdrop blur give the frontend a distinct visual identity suited to an agency brand. Deployment is documented for Vercel as the recommended target, with Cloudflare Pages supported through a deploy script and several other hosts listed as compatible.

Backend, auth and data model

The backend is a set of RESTful API routes backed by Prisma ORM and PostgreSQL, with the schema written so it can switch to MySQL or SQLite. Authentication uses JWT tokens with bcrypt password hashing, and access control splits into USER, ADMIN, and SUPER_ADMIN roles. The seeded admin route lives at /admin and is protected by middleware, with a /login page that redirects to the dashboard after success. The data model covers User, Project, BlogPost, Testimonial, Service, FAQ, Message, Subscriber, AuditLog, and BrandAsset entities, each with fields described in the README. An AuditLog tracks admin actions for security. API routes handle login, contact form submission, and newsletter subscription. The README also documents environment variables for the database URL, JWT secret, and public site URL, and it provides Prisma commands for client generation, schema push, and migrations. Deployment is described for Vercel as the recommended target, with Cloudflare Pages supported through an npm run deploy script, and the project notes it can run on Netlify, Railway, Render, AWS Amplify, or DigitalOcean. The license stated in the README is MIT, while the repository metadata records GPL-3.0, a mismatch worth noting for anyone who intends to reuse the code under specific terms. The data model covers projects, blog posts, testimonials, services, FAQ entries, messages, subscribers, and audit logs, giving the admin panel a wide surface to manage.

Editorial conclusion

The repository metadata records the GPL-3.0 license and 49 stars, and the README documents a Next.js 14 stack with Prisma and PostgreSQL.