Adebiyi Adedotun
Verified Expert in Engineering
Front-end Developer
Lagos, Nigeria
Toptal member since October 22, 2021
Adebiyi is a design and front-end engineer passionate about building simple and functional web interfaces and experiences. He has worked as a front-end engineer, technical writer, and developer advocate in the health, cloud computing, fintech, and logistics industries. He's been published on technical blogs like CSS-Tricks, Smashing Magazine, and LogRocket. Adebiyi understands how to translate business needs into technical requirements with compelling solutions.
Portfolio
Experience
- JavaScript - 4 years
- Front-end - 4 years
- React - 4 years
- Next.js - 3 years
- Technical Writing - 3 years
- Tailwind CSS - 2 years
- D3.js - 2 years
- TypeScript - 2 years
Availability
Preferred Environment
Visual Studio Code (VS Code), Jira, Figma, Slack, GitLab, GitHub
The most amazing...
...thing I've created is the documentation site of a large 3-in-1 company. I rebuilt and fused the sites into one that continues to stand the test of time.
Work Experience
Front-end Developer
Macrometa Corporation
- Managed all front-facing websites (marketing, demos, etc.).
- Handled different dashboards to manage products like Virtual Waiting Rooms, HyperSearch, Prerender, etc.
- Oversaw technical SEO efforts across all public-facing websites.
Front-end Engineer
HatchPath
- Developed a coaching marketplace that enables clients and coaches to book sessions/programs, meet on a video call, and accept payment with Stripe.
- Developed a Calendly-like calendar feature that allows clients to schedule meetings with coaches based on their availability.
- Designed and developed reusable and responsive components for cards, forms, search, modals, etc., simplifying and reducing development time with well-tested abstractions.
- Developed and managed a video call feature with Twilio video with features like a countdown timer and video mirroring, helping keep the product's core in-house and avoiding the enormous external cost of purchasing.
Lead Front-end Engineer
Ceviant
- Created several reusable UI components like select, button, tag, table, calendar, input, etc., using styled components for the base styling and as a means to override or extend the base styling wherever needed.
- Developed a dashboard layout with the necessary ingredients for consistency, like empty, loading, and data UI for data fetching states. Also factored in contextual states like filters and search.
- Introduced new security approaches for the application regarding public, protected, and private paths to streamline the authentication process with sessions.
- Worked on several authentication mechanisms like 2FA, automatic logging out of user (when idle), browser fingerprinting, etc.
- Handled the manual creation of HTML emails. Examples include auth emails like login, signup, forgot password, etc.
Developer Advocate
Edgio
- Collaborated with engineers to write, review, and update content like blog posts, guides, and documentation for supported technologies, improving support for multiple users and technologies.
- Liaised with the marketing team to oversee the creation of e-books with external contributors from companies like Algolia, Cloudinary, and Vue Storefront.
- Managed a community of developers and users across forums and social platforms like Discourse, helping triage issues, announce product updates, and advocate for a faster web.
- Collaborated with the internal marketing team and selected engineers from companies like Algolia, Cloudinary, Uniform, and Vue Storefront to create e-books that major on topics like the Core Web Vitals.
Front-end Engineer
Kobo360
- Collaborated with a team of software engineers to rebuild the customer and partner dashboard to improve performance, maintainability, and stability.
- Implemented form components with Formik to manage approximately 50 unique forms with Yup as an object-schema-based validator.
- Developed easy-to-use and straightforward table components using HTML tables to manage approximately 40 unique tables to represent tabular data.
- Created a simple state-management solution with the React Context API, eliminating the learning curve and overhead of previously used alternatives like Redux.
- Achieved a robust mechanism to synchronize tabular pagination and data filtering using the URL to persist state, thus improving usability.
- Translated both the customer and partner dashboards into four different languages, resulting in idiomatic and inclusive dashboards.
- Styled the customer and partner dashboards to account for bidirectionality in right-to-left languages using CSS logical properties where applicable.
- Created new HTML email templates with a unique design that prioritized structure and data visibility.
Front-end Engineer
WiseLead Company
- Designed and implemented the complete dashboard for Microsoft Excel Club, using tools like React, styled-components, Azure DevOps, Formik, and Microsoft Azure.
- Refactored and implemented the landing page for Rejist into React from a pure HTML and JavaScript template.
- Built HTML templates for auth processes, such as login, logout, forgot password, reset the password, etc.
Front-end Engineer
Algorism Limited
- Helped build an association and club management platform. I designed and developed user interfaces and implemented them for the landing page and dashboards.
- Helped build a real estate property management platform, where I designed and implemented the password retrieval authentication flow.
- Contributed to design and development processes for both non-technical purposes, like project management, and technical ones, such as designing and developing the undertaken products.
Experience
Dashboard for a Virtual Health Coaching Marketplace
https://hatchpath.ioDocumentation Site for Edgio
https://docs.edg.ioMarketing Site and Dashboard Application for Ceviant Finance
https://app.ceviant.co/account/loginWebsite for a Media Company
https://theseptum.comKobo360 Partner Dashboard
https://partner.kobo360.comEducation
Bachelor's Degree in Computer Science
University of Ilorin - Ilorin, Nigeria
Certifications
The Joy of React
Josh W Comeau
Type Transformations
Matt Pocock
CSS for JavaScript Developers
Josh W Comeau
Master Gatsby
BosType Inc
MERN Stack Front To Back: Full Stack React, Redux & Node.js
Udemy
The Modern GraphQL Bootcamp (with Node.js and Apollo)
Udemy
Beginner JavaScript
Bostype Inc
Advanced React and GraphQL
Bostype Inc
Skills
Libraries/APIs
React, React Router, Formik, Yup, react-spring, Framer Motion, REST APIs, Context API, D3.js, Day.js, Stripe, React Query, Node.js
Tools
Slack, ITerm, Git, GitHub, Figma, GitLab, JSX, Webpack, Jira, Postman, Microsoft Excel
Languages
JavaScript, HTML, CSS, TypeScript, Markdown, CSS3, MDX, GraphQL
Frameworks
Next.js, Chrome, Tailwind CSS, Material UI, Remix, Redux
Paradigms
REST, Azure DevOps, Responsive Web Design (RWD), Unit Testing
Platforms
Firefox, Safari, MacOS, Visual Studio Code (VS Code), Azure, Sanity Studio, Vercel, Algolia, Firebase
Industry Expertise
Web Design
Storage
FlatFile
Other
Styled-components, SWR, ESLint, Front-end, User Interface (UI), UI Development, Computer Aided Software Engineering, HTML Email, Apollo, Base Web, Content Management Systems (CMS), Pixel Perfect, CI/CD Pipelines, Responsive Web Apps, APIs, Technical Writing, Technical Documentation, Data Visualization, Dashboards, SVG, i18n, Axios, Fingerprint.js, Base UI, Husky, Storybook, Authentication, Authorization, GitHub Actions, Chakra UI, date-fns, GitKraken, Headless Software, Discourse, Internationalization, User Experience (UX), Semrush, SEO Tools
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
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring