🙋Hi, I'm👋

Jeffrey Adakole

Software Engineer

👨🏽: I transform creative visions into interactive realities.

More About Me

Jeff's Image

I'm a Frontend Engineer with a passion for crafting user centered web experiences; drawing on my Information and Media Technology background, I blend technical expertise with a keen eye for design to create websites and web apps that are both beautiful and functional.

With a collaborative spirit and a commitment to critical thinking, I leverage my expertise to ensure your vision is not just realized, but truly shines. As an engineer, I'm always learning and growing, ready to tackle new challenges and bring fresh ideas to the table.

Let me be your partner in creativity.

MyTechStacks.tsx

import React from 'react';
import Image from 'next/image';

type TechItem = {
  name: string;
};

 const languages: TechItem[] = [
    { name: "HTML" },
    { name: "CSS" },
    { name: "TailwindCSS" },
    { name: "JavaScript" },
    { name: "React.js/Next.js" },
  ];

export function MyStacks(): JSX.Element {
  const TechItem = ({ name }: TechItem): JSX.Element => (
 > <div className="flex items-center">
      ...
    </div>
  );

  return (
    <div className="p-6 bg-blue-950
     text-white rounded-lg max-w-md mx-auto">
    >  <h2 className="text-xl font-semibold"
         ...
      </h2>
      
      <div className="mb-6">
        <h3 className="text-lg mb-3
        text-center">Languages & Library</h3>
        <div className="grid grid-cols-3 gap-2">
          {languages.map((item, index) => (
            <TechItem key={index} name={item.name} />
          ))}
        </div>
      </div>
    </div>
  );
}

MyTools.tsx

import React from 'react';
import Image from 'next/image';

type TechItem = {
  name: string;
};

  const tools: TechItem[] = [
    { name: "Git" },
    { name: "Figma" },
    { name: "Netlify" },
    { name: "Vercel" },
    { name: "WordPress" }
  ];

export function MyStacks(): JSX.Element {
  const TechItem = ({ name }: TechItem): JSX.Element => (
   > <div className="flex items-center">
      ...
    </div>
  );

  return (
    <div className="p-6 bg-blue-950 text-white
    rounded-lg max-w-md mx-auto">
     > <h2 className="text-xl font-semibold mb-6">
        ...
      </h2>

      <div>
        <h3 className="text-lg mb-3
        text-center">Tools & Platforms</h3>
        <div className="grid grid-cols-3 gap-2">
          {tools.map((item, index) => (
            <TechItem key={index} name={item.name} />
          ))}
        </div>
      </div>
    </div>
  );
}

Featured Works & Projects

Sendaa

Deliver almost anything, to any location.

thumbnail

Olufemi Oguntade Portfolio Site

Designing Magic, One Simple Experience at a Time

thumbnail

FutureFeat

Transforming curious minds into confident problem solvers

thumbnail

Dandy

Cut the Stress, Use Stablecoins Like Cash

thumbnail