Chidi is available for hire

Chidi Benedict

Verified Expert in Engineering

Software Developer

Location

Lagos, Nigeria

Toptal Member Since

June 10, 2022

Chidi builds websites and web apps using modern technologies and frameworks, including Vue, React, Svelte, TypeScript, JavaScript, GraphQL, Node.js, and PostgreSQL. With over five years of experience, he has helped companies and individuals solve technical problems by providing highly optimized websites and web apps that met specifications and exceeded expectations.

Front-end UI Components User Experience (UX)User Interface (UI)UI Development Responsive UI Web Development Bootstrap UI MacOS JavaScript CSS Vue React Nuxt.js Windows Konva Material UI Flex Bulma

Portfolio

Online QA Staffing Agency

JavaScript, TypeScript, Node.js, Vue, React, PostgreSQL, WebRTC, Tailwind CSS...

ContractPod Technologies Limited

TypeScript, Vue 3, Vue, Front-end, Pinia, Application State Management...

ESAB - Digital Solutions

Vue, Adobe UX, Agile, Agile Sprints, Back-end, Vue 2, Vue 3, Vuetify, SCSS...

Experience

Nuxt.js - 6 years React - 6 years Vue - 6 years TypeScript - 5 years Node.js - 4 years REST - 4 years GraphQL - 3 years Tailwind CSS - 3 years

Availability

Full-time

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

Senior Full-stack Engineer

2021 - PRESENT

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)

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)

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)

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)

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)

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

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

Experience

Crowdfunding MVP

https://crowdapp.io

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. 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

https://payzone.ng

Payzone is a payment gateway for utility bills used by thousands of Nigerians daily. As a front-end developer, I worked closely with the project lead, back-end developers, and product designers. 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. 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. Fendui 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

https://apps.indusuite.com

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

Languages

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

Frameworks

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

Libraries/APIs

Vue, React, REST APIs, Material 2, Vue Material, Vuex, Vue 2, Flexbox, FlexGrid, Chart.js, Konva, Node.js, jQuery, jQuery UI, SignalR, WebRTC, Liquid

Tools

Slack, UI Grid, GitHub Pages, Figma, Sequelize, Git, GitHub, Vue CLI, Redux Thunk, GitLab, Postman, Bitbucket, Peachtree Accounting Software, Jira

Paradigms

REST, Object-oriented Programming (OOP), Class-based OOP, HTML DOM, Agile, Scrum, Testing, Object-relational Mapping (ORM), Microservices, Unit Testing, E2E Testing, Kanban

Platforms

MacOS, Windows, Visual Studio Code (VS Code), Docker, Firebase, Heroku, Netlify

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, Vue 3, Composition API, Pinia, Application State Management, Front-end Development, 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, Vitest, Bootstrap 4, UI Testing, Git GUI, Git Repo, Git Forks, Git Flow, SVG Animation, Storybook, Adobe UX, Gantt Chart, eCommerce, Gatsby, Cloudinary, FormKit, Teams

Storage

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

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.

Share your needs

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

Choose your talent

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

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