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

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.

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

Availability

Part-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), D3.js, Charting, Axios, WebApp, API Integration, SaaS, Vercel, DigitalOcean

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

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

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

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

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

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

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

Bachelor's Degree in Project Management

Bells University of Technology - Ota, Nigeria

Libraries/APIs

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

Tools

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

Frameworks

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

Languages

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

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, DigitalOcean, Vercel

Storage

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

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, 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, Design, API Integration, SaaS, Gantt Chart, eCommerce, Gatsby, Cloudinary, FormKit, Teams

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