Chidi Benedict, Developer in Lagos, Nigeria
Chidi is available for hire
Hire Chidi

Chidi Benedict

Bio

Chidi is a software engineer focused on building scalable web platforms and developer-centric systems. With 5+ years of experience across front-end and back-end development, he has delivered solutions using Vue, Nuxt, React, TypeScript, Node.js, and PostgreSQL. Chidi also leverages AI-assisted and agentic tools like Cursor, Claude, and OpenAI Codex to accelerate development and automate workflows.

Portfolio

MedFlow I/O, LLC
Full-stack, TypeScript, JavaScript, Node.js, PostgreSQL, GitHub, Tailwind CSS...
Twill Payments LLC
React, D3.js, Chart.js, HTML, JavaScript, TypeScript, CSS, Next.js, Radix UI...
ContractPod Technologies Limited
TypeScript, Vue 3, Vue, Front-end, Pinia, Application State Management...

Experience

  • Front-end - 7 years
  • React - 6 years
  • Vue - 6 years
  • Nuxt.js - 6 years
  • TypeScript - 5 years
  • Node.js - 4 years
  • Tailwind CSS - 3 years
  • Agentic Coding - 2 years

Preferred Environment

Windows, MacOS, Slack, Teams, Figma, Adobe UX, Git GUI, Jira

The most amazing...

...web application I've worked on is Cutcloud. It connects with large cutting and piercing machines, enabling customers to manage them efficiently.

Work Experience

Full-stack Vue/Nuxt.js Developer

2025 - 2025
MedFlow I/O, LLC
  • Rebuilt the web portal from the ground up using Supabase, Nuxt.js, Shadcn, and Tailwind to incorporate the new organization and permission structure requested by users.
  • Built structured AI-assisted development workflows using layered prompting strategies, reusable instruction systems, and agent-oriented tooling to accelerate development and improve engineering efficiency.
  • Integrated external services, APIs, and context-driven workflows into the application architecture, including reusable hooks, modular utilities, and automation-focused developer tooling.
  • Refactored database tables to help streamline and secure user data using PostgreSQL RLS on all required tables.
Technologies: Full-stack, TypeScript, JavaScript, Node.js, PostgreSQL, GitHub, Tailwind CSS, Nuxt.js, APIs, REST, Vue, Figma, Shadcn, Pixel Perfect, Google Cloud Platform (GCP), Reusable Libraries, Cursor AI, TanStack Table, Claude Code, Artificial Intelligence (AI), Prompt Engineering, Resend, Nodemailer, B2B, Shadcn UI, Agentic Coding, Claude

React Front-end Developer

2024 - 2025
Twill Payments LLC
  • Defined system rules, constraints, and guardrails for AI-driven workflows, ensuring reliable agent behavior, maintainable code generation, and consistent development standards.
  • Created an AI analytics UI from the ground up using React and Next.js.
  • Built a reusable UI components framework using Radix UI and Tailwind.
  • Implemented a functional and high-performance AI chat feature with the ability to drag and drop charts, expand, collapse, and minimize chat windows.
  • Optimized the front end to make UI run smoothly even when handling thousands of elements on a single page.
  • Tracked and fixed bugs and made code reviews using GitHub projects.
  • Implemented CI/CD pipelines to ensure changes are being properly checked after a new commit.
  • Implemented UI tests using Jest to ensure changes align with the application's specifications.
Technologies: React, D3.js, Chart.js, HTML, JavaScript, TypeScript, CSS, Next.js, Radix UI, Tailwind UI, Tailwind CSS, Dnd-kit, React DnD, Supabase, Supabase Auth, Zustand, ECharts, Jest, WebSockets, Optimistic UI, GitHub Pages, GitHub CLI, GitHub, Dashboard Design, UI Design, Recharts, Content Management Systems (CMS), Architecture, Lottie, react-spring, Jira, Responsive Web Design (RWD), Prisma, Tanstack Query, Web API, Google Analytics, Pixel Perfect, Google Cloud Platform (GCP), Reusable Libraries, Cursor AI, TanStack Table, Claude Code, Artificial Intelligence (AI), Prompt Engineering, Shadcn, B2B, Shadcn UI, Claude, Agentic Coding

Front-end Developer (via Toptal)

2024 - 2024
ContractPod Technologies Limited
  • Helped develop an application that parses documents to summarize and create contracts for users using AI technologies.
  • Built base reusable components using Vue, FormKit, and PrimeVue.
  • Tracked and fixed bugs using Jira as a reporting tool.
Technologies: TypeScript, Vue 3, Vue, Front-end, Pinia, Application State Management, Tailwind CSS, Bootstrap, FormKit, Front-end Development, ECMAScript (ES6), Axios, WebApp, SaaS, Tailwind UI, Progressive Web Applications (PWAs), UI Design, Content Management Systems (CMS), Jira, Teams, Responsive Web Design (RWD), Web API, Google Analytics, Pixel Perfect, Reusable Libraries, Firebase Authentication, TanStack Table, Canvas, B2B

Senior Full-stack Engineer

2021 - 2024
Online QA Staffing Agency
  • Developed the design system and base components, following the Figma specifications.
  • Developed crowdapp.io from scratch using Node.js and Vue.
  • Built the crowdfunding MVP platform that allows clients to build up dynamic test cases for the application or services to be answered by their target audience.
  • Created the landing page, which peaked at number ten on Product Hunt, an American website for sharing and discovering new products.
  • Mentored junior developers to acquaint them with the applications, tools, and frameworks used in the company.
  • Documented components using Storybook for reference and guidance.
Technologies: JavaScript, TypeScript, Node.js, Vue, React, PostgreSQL, WebRTC, Tailwind CSS, Nuxt.js, CSS, REST APIs, HTML, GraphQL, APIs, UI Components, Front-end, User Experience (UX), Full-stack, MySQL, User Interface (UI), Dashboards, Web Dashboards, Relational Database Services (RDS), Testing, Component Libraries, Design Systems, Git, UI Development, RESTful Web Services, Web Applications, Go, Full-stack Development, OOP Designs, NestJS, State Machines, OAuth, Redis, Jest, HTML5, Responsive UI, SQL, Object-relational Mapping (ORM), Software Architecture, Routing, Web Development, Databases, Shopify Polaris, Vuex, Vue 2, Vue CLI, Vue Router, Vue SSR, Unit Testing, Vite, Vitest, Express.io, Object-oriented Programming (OOP), Class-based OOP, E2E Testing, UI Testing, MacOS, Visual Studio Code (VS Code), Docker, REST, HTML UI, Flex, Flexbox, FlexGrid, CSS Grid, UI Grid, Git GUI, Git Repo, GitLab, Git Forks, Git Flow, GitHub Pages, Heroku, Netlify, Redis Cache, Express.js, Sass, DOM, HTML DOM, Virtual DOM, CSS3, MUI CSS, SVG, SVG Animation, Agile Sprints, Grid Systems, Vue 3, Storybook, Cloudinary, Front-end Development, ECMAScript (ES6), D3.js, Charting, Axios, WebApp, API Integration, SaaS, Vercel, DigitalOcean, Tailwind UI, Progressive Web Applications (PWAs), Dashboard Design, UI Design, Content Management Systems (CMS), Architecture, Lottie, Teams, Responsive Web Design (RWD), Prisma, Tanstack Query, Web API, Search Engine Optimization (SEO), Google Analytics, Pixel Perfect, Google Cloud Platform (GCP), Reusable Libraries, Nodemailer, B2B

Vue Engineer

2022 - 2023
ESAB - Digital Solutions
  • Developed applications to connect with large cutting machines, helping customers manage those machines, view the latest events on the machine, get feedback, and report when they need them from the machines they purchase.
  • Rewrote production running applications from Vue 2 and Vuex to Vue 3 and Pinia.
  • Created a file management system that helps customers upload different formats of documents to various gateways and retrieve those documents on demand by the customer.
  • Built an image editor from the ground up using Konva. This enabled customers to correctly position and group their machines for a specific floor plan.
  • Built complex charts for a reporting machine and personnel performances using Chart.js.
  • Developed a personnel management system that tracks each personnel's performance and working time with various machines.
  • Tracked and fixed bugs using industry-standard project management and reporting tools.
Technologies: Vue, Adobe UX, Agile, Agile Sprints, Back-end, Vue 2, Vue 3, Vuetify, SCSS, TypeScript, JavaScript, APIs, Postman, Figma, Pinia, Vuex, Application State Management, Chart.js, Konva, SignalR, Front-end Development, ECMAScript (ES6), D3.js, Charting, Axios, WebApp, SaaS, Tailwind UI, Progressive Web Applications (PWAs), Dashboard Design, UI Design, Content Management Systems (CMS), Jira, Responsive Web Design (RWD), Web API, Google Analytics, Pixel Perfect, Canvas, B2B

Senior Full-stack Developer

2020 - 2022
Bex Multi Services
  • Optimized web apps for maximum performance and accessibility, following the WAI-ARIA standards.
  • Led the junior front-end team in building elegant and sophisticated user interfaces.
  • Built the design system from the ground up, following the design specifications.
  • Developed an admin dashboard to track profit and manage inventory internally.
Technologies: React, React Native, Node.js, SQLite, Sequelize, Firebase, Material UI, TypeScript, Figma, Docker, JavaScript, Tailwind CSS, Next.js, Nuxt.js, CSS, REST APIs, HTML, Bootstrap, GraphQL, APIs, UI Components, Front-end, User Experience (UX), Full-stack, MySQL, User Interface (UI), Dashboards, Web Dashboards, Relational Database Services (RDS), Testing, Component Libraries, Design Systems, Git, UI Development, RESTful Web Services, Vue, Web Applications, Full-stack Development, OOP Designs, NestJS, State Machines, OAuth, Jest, HTML5, Gatsby, Responsive UI, SQL, Object-relational Mapping (ORM), Software Architecture, Routing, Web Development, PostgreSQL, Databases, Material 2, Material Design, Shopify Polaris, Vuex, Vue 2, Vue CLI, Vue Router, Vue SSR, Svelte, Unit Testing, Express.io, Object-oriented Programming (OOP), Class-based OOP, Redux Thunk, Bootstrap UI, Bootstrap 4, E2E Testing, UI Testing, MacOS, Visual Studio Code (VS Code), REST, HTML UI, Flex, Flexbox, FlexGrid, CSS Grid, UI Grid, Git GUI, Git Repo, GitLab, Git Forks, Git Flow, GitHub Pages, Heroku, Netlify, Redis Cache, Ant Design, Express.js, DOM, HTML DOM, Virtual DOM, CSS3, MUI CSS, SVG, SVG Animation, Agile Sprints, Grid Systems, Vue 3, Storybook, Cloudinary, Front-end Development, ECMAScript (ES6), D3.js, Charting, Axios, React Query, WebApp, GreenSock, UI Design, Responsive Web Design (RWD), Web API, Search Engine Optimization (SEO), Pixel Perfect

Senior Front-end Engineer

2019 - 2020
Parkway Projects Limited
  • Collaborated with the UI/UX designers to bridge the gap between graphical design and technical implementation.
  • Worked closely with the back-end and full-stack developers to deliver consistent and reliable web experiences.
  • Ensured the technical feasibility of UI/UX designs.
Technologies: Vue, Nuxt.js, React, Redux, Supabase, Tailwind CSS, JavaScript, TypeScript, CSS, REST APIs, HTML, APIs, UI Components, Front-end, User Experience (UX), eCommerce, User Interface (UI), Testing, Design Systems, Git, UI Development, Web Applications, Node.js, OOP Designs, State Machines, Jest, HTML5, Responsive UI, Software Architecture, Routing, Web Development, SCSS, Material 2, Material Design, Vue Material, Vuex, Vue 2, Vue CLI, Vue Router, Vue SSR, Svelte, Unit Testing, Bootstrap UI, Bootstrap 4, Bulma, E2E Testing, UI Testing, MacOS, Windows, Visual Studio Code (VS Code), REST, HTML UI, Flex, Flexbox, FlexGrid, CSS Grid, UI Grid, Git GUI, Git Repo, Git Forks, Git Flow, GitHub Pages, Heroku, Ant Design, Sass, DOM, HTML DOM, Virtual DOM, CSS3, MUI CSS, SVG, SVG Animation, Agile Sprints, Grid Systems, Cloudinary, Front-end Development, ECMAScript (ES6), Axios, React Query, WebApp, UI Design, Webpack, Responsive Web Design (RWD), Web API, Search Engine Optimization (SEO)

Front-end Developer

2018 - 2019
Ministry of Works
  • Designed the staff check-in portal for login during staff's working hours in general. This application was built using React.
  • Optimized web apps and web pages for speed, performance, and accessibility.
  • Optimized the web design for mobile and other platforms for maximum speed.
Technologies: React, JavaScript, Bootstrap, SQLite, Sass, CSS, HTML, APIs, UI Components, Front-end, User Experience (UX), User Interface (UI), UI Development, Vue, Web Applications, OOP Designs, MongoDB, Jest, HTML5, Responsive UI, Web Development, SCSS, Vue Material, Vue 2, Vue CLI, Vue Router, Bootstrap UI, Bulma, MacOS, Windows, Visual Studio Code (VS Code), HTML UI, Flex, Flexbox, FlexGrid, CSS Grid, UI Grid, Git Repo, Git Forks, GitHub Pages, DOM, HTML DOM, Virtual DOM, CSS3, jQuery, jQuery UI, SVG, SVG Animation, Grid Systems, Front-end Development, Axios, WebApp, UI Design, Webpack, Responsive Web Design (RWD), Web API

Front-end Web Developer

2017 - 2017
Exolve Technologies Limited
  • Assisted in creating the front end of various client's websites and web apps according to the client's design specifications and required functionality.
  • Optimized existing clients' web applications for performance and best practices at the time.
  • Oversaw the launch of websites and web applications I worked on.
  • Delivered https://www.roadtruckers.com.ng for the client in a shorter time frame than was expected.
Technologies: HTML, CSS, CSS3, CSS Grid, MUI CSS, HTML5, DOM, HTML DOM, jQuery, jQuery UI, SVG, SVG Animation, Bootstrap, Bootstrap UI, APIs, Agile, Bootstrap 4, JavaScript, Flexbox, FlexGrid, Flex, UI Grid, Grid Systems, Front-end, Front-end Development, Axios, WebApp, UI Design, Webpack, Responsive Web Design (RWD), Web API

Experience

Crowdfunding MVP

Crowdfunding MVP is a web application for software owners to administer different test cases for their apps or services to be viewed and tested by other individuals, where I was a full-stack developer and worked closely with the project lead and the back-end and UX team on this project, using TypeScript, Vue, Nuxt.js, Shopify Polaris design, Tailwind, and Figma for the front end. Unit testing was done using Jest and Vue test utils while documenting components with Storybook. While the server logic was done using Node.js, Express, and RESTful API design, the database was administered using PostgreSQL and Redis for caching. E2E testing was done using Cypress, media assets were hosted on Cloudinary, and the API was documented using Swagger UI.

Payzone

Payzone is a payment gateway for utility bills used by thousands of Nigerians daily where as a front-end developer, I worked closely with the project lead, back-end developers, and product designers and I helped develop the design system and component library using TypeScript, Vue, Nuxt.js, CSS, Tailwind, Vuex, Jest, and Vue test utils. The project has helped bridge the gap between individuals and companies who don't have a standard way to market their products digitally.

Inventory Dashboard

I built a dashboard used internally at Bex multi-services to track sales, profits, and return requests and I acted as a full-stack developer and built the dashboard using TypeScript, React, MUI, Redux, Tailwind, Next.js, Jest, and Storybook for the front and back end, following the REST approach using Node.js, Express.js, MySQL, Sequelize, Swagger UI. Media assets were hosted on Cloudinary.

Fendui

Fendui is an open source utility library for front-end components and interfaces, where it was built with Vue 3 and currently offers support for Vue 3 applications and provides abstract components and base components to build a complete design system.

Cutcloud

Cutcloud is a Vue web application that connects with large cutting machines. This app helps customers manage them, view the latest events on the machines, get feedback, and make reports when needed.

Education

2013 - 2018

Bachelor's Degree in Project Management

Bells University of Technology - Ota, Nigeria

Skills

Libraries/APIs

Vue, React, REST APIs, Material 2, Vue Material, Vuex, Vue 2, Flexbox, FlexGrid, Vue 3, Chart.js, Konva, Recharts, Web API, TanStack Table, Node.js, jQuery, jQuery UI, SignalR, D3.js, React Query, react-spring, WebRTC, Liquid, React DnD

Tools

Slack, Figma, UI Grid, GitHub Pages, Jira, Prisma, Google Analytics, Shadcn, Canvas, Claude Code, Shadcn UI, Claude, Sequelize, Git, GitHub, Vue CLI, Vitest, Redux Thunk, GitLab, Postman, Bitbucket, GreenSock, Webpack, Firebase Authentication, Peachtree Accounting Software, Dnd-kit, GitHub CLI

Languages

JavaScript, TypeScript, CSS, HTML, HTML5, SCSS, CSS3, ECMAScript (ES6), Less, GraphQL, Sass, SQL, Go, Liquid Template

Frameworks

Tailwind CSS, Nuxt.js, Next.js, Vuetify, Bootstrap, Jest, Flex, MUI CSS, WebApp, React Native, Material UI, Redux, Express.js, NestJS, Vue SSR, Svelte, Express.io, Bulma, Ant Design, Cypress, FormKit

Paradigms

REST, Object-oriented Programming (OOP), Class-based OOP, HTML DOM, UI Design, Responsive Web Design (RWD), B2B, Agile, Scrum, Testing, Object-relational Mapping (ORM), Microservices, Unit Testing, E2E Testing, Search Engine Optimization (SEO), Kanban

Platforms

MacOS, Windows, Visual Studio Code (VS Code), Docker, Firebase, Heroku, Netlify, DigitalOcean, Google Cloud Platform (GCP), Vercel

Storage

PostgreSQL, SQLite, MySQL, MongoDB, Redis, Databases, Redis Cache

Other

APIs, UI Components, Front-end, User Experience (UX), User Interface (UI), Dashboards, Web Dashboards, Component Libraries, Design Systems, UI Development, Web Applications, OOP Designs, Responsive UI, Web Development, Material Design, Vue Router, Bootstrap UI, HTML UI, CSS Grid, DOM, Virtual DOM, SVG, Agile Sprints, Grid Systems, Composition API, Pinia, Application State Management, Front-end Development, Charting, Axios, Tailwind UI, Progressive Web Applications (PWAs), WebSockets, Dashboard Design, Content Management Systems (CMS), Architecture, Lottie, Tanstack Query, Pixel Perfect, Reusable Libraries, Cursor AI, Artificial Intelligence (AI), Prompt Engineering, Nodemailer, Agentic Coding, Supabase, Full-stack, Data Visualization, Relational Database Services (RDS), RESTful Web Services, Full-stack Development, State Machines, OAuth, Software Architecture, Routing, Back-end, Shopify Polaris, Vite, Bootstrap 4, UI Testing, Git GUI, Git Repo, Git Forks, Git Flow, SVG Animation, Storybook, Adobe UX, Teams, Design, API Integration, SaaS, Resend, Gantt Chart, eCommerce, Gatsby, Cloudinary, Radix UI, Supabase Auth, Zustand, ECharts, Optimistic UI

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring