diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..2feaad6
Binary files /dev/null and b/.DS_Store differ
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..0967ef4
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1 @@
+{}
diff --git a/about.md b/about.md
index 4d241e8..6829387 100644
--- a/about.md
+++ b/about.md
@@ -1,15 +1,14 @@
# Hero Section
-**Headline:** Engineering Context-Aware Intelligence for the Future Web
-**Subhead:** Solving complex problems with reliable, AI-driven software solutions.
+**Headline:** Engineering Context-Aware Intelligence for the Future Web **Subhead:** Solving complex problems with reliable, AI-driven software solutions.
---
# About Me
-Abdulkabir Musa is an AI Platform Engineer and the Co-founder & CEO of AIEraDev, dedicated to advancing AI education and development in Africa. With a Computer Science degree from the University of Ibadan, he combines deep technical expertise in Machine Learning and Full Stack development to build intelligent, context-aware systems.
+Abdulkabir Musa is an AI Platform Engineer and the Co-founder & CEO of AIEraDev, dedicated to advancing AI education and development in Africa. Currently pursuing a Computer Science degree at Miva Open University (2024-2027), he combines deep technical expertise in Machine Learning and Full Stack development to build intelligent, context-aware systems.
-Abdulkabir is a "context-first" product thinker who believes in software that proactively solves problems. His technical arsenal includes Python, TypeScript, Next.js, and the Model Context Protocol (MCP). He has architected diverse projects, from *Phantom*, a real-time coding battle platform, to scalable e-commerce and transit solutions.
+Abdulkabir is a "context-first" product thinker who believes in software that proactively solves problems. His technical arsenal includes Python, TypeScript, Next.js, and the Model Context Protocol (MCP). He has architected diverse projects, from _Phantom_, a real-time coding battle platform, to scalable e-commerce and transit solutions.
Beyond code, he is a thought leader publishing on software reliability and AI-driven workflows. Abdulkabir is confident in the power of AI to transform industries and is committed to building the infrastructure that will support the next era of intelligent applications.
@@ -18,11 +17,8 @@ Beyond code, he is a thought leader publishing on software reliability and AI-dr
# README.md Content
## TL;DR
-> **Abdulkabir Musa**
-> AI Platform Engineer | CEO @ AIEraDev
-> Building context-aware AI systems & empowering African devs.
-> π **Stack:** Python, TypeScript, Next.js, MCP, AI/ML.
-> π **Focus:** Reliability, AI Agents, Product Thinking.
+
+> **Abdulkabir Musa** AI Platform Engineer | CEO @ AIEraDev Building context-aware AI systems & empowering African devs. π **Stack:** Python, TypeScript, Next.js, MCP, AI/ML. π **Focus:** Reliability, AI Agents, Product Thinking.
## Long-Form Version
@@ -33,21 +29,25 @@ Beyond code, he is a thought leader publishing on software reliability and AI-dr
I am an engineer and entrepreneur passionate about building the "next era" of softwareβwhere applications are not just tools, but intelligent agents that understand context and solve problems proactively. Based in Nigeria, I lead **AIEraDev**, focusing on democratizing AI education and community building across Africa.
### π What I Do
-* **AI Platform Engineering:** I bridge the gap between ML models and production web apps using **Python**, **TypeScript**, and **Next.js**.
-* **Context-First Design:** I specialize in the **Model Context Protocol (MCP)** to create applications that maintain deep context and deliver personalized experiences.
-* **Community Building:** Empowering the next generation of African developers through mentorship and open-source contributions.
+
+- **AI Platform Engineering:** I bridge the gap between ML models and production web apps using **Python**, **TypeScript**, and **Next.js**.
+- **Context-First Design:** I specialize in the **Model Context Protocol (MCP)** to create applications that maintain deep context and deliver personalized experiences.
+- **Community Building:** Empowering the next generation of African developers through mentorship and open-source contributions.
### π Tech Stack
-* **Languages:** Python, TypeScript, JavaScript
-* **Frontend:** React, Next.js, Tailwind CSS
-* **Backend:** Node.js, NestJS, Express
-* **AI/ML:** Deep Learning, Prompt Engineering, MCP
+
+- **Languages:** Python, TypeScript, JavaScript
+- **Frontend:** React, Next.js, Tailwind CSS
+- **Backend:** Node.js, NestJS, Express
+- **AI/ML:** Deep Learning, Prompt Engineering, MCP
### βοΈ Latest Writing
-* [You Need Your Code to Be More Reliable Than People Using It](https://dev.to/aieradev/you-need-your-code-to-be-more-reliable-than-people-using-it-271o)
-* [I Built a Real-Time 1v1 Coding Battle Platform in Days Using Kiro](https://dev.to/aieradev/i-built-a-real-time-1v1-coding-battle-platform-in-days-using-kiro-25de)
+
+- [You Need Your Code to Be More Reliable Than People Using It](https://dev.to/aieradev/you-need-your-code-to-be-more-reliable-than-people-using-it-271o)
+- [I Built a Real-Time 1v1 Coding Battle Platform in Days Using Kiro](https://dev.to/aieradev/i-built-a-real-time-1v1-coding-battle-platform-in-days-using-kiro-25de)
### π« Connect
-* [LinkedIn](https://www.linkedin.com/in/abdulkabirmusa/)
-* [Twitter/X](https://x.com/AIEraDev)
-* [GitHub](https://github.com/AIEraDev)
+
+- [LinkedIn](https://www.linkedin.com/in/abdulkabirmusa/)
+- [Twitter/X](https://x.com/AIEraDev)
+- [GitHub](https://github.com/AIEraDev)
diff --git a/app/layout.tsx b/app/layout.tsx
deleted file mode 100644
index e5505cf..0000000
--- a/app/layout.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-import type React from "react";
-import type { Metadata } from "next";
-import { JetBrains_Mono } from "next/font/google";
-import "./globals.css";
-import { ThemeProvider } from "@/components/theme-provider";
-import { StructuredData } from "./structured-data";
-
-const jetbrainsMono = JetBrains_Mono({ subsets: ["latin"] });
-
-export const metadata: Metadata = {
- metadataBase: new URL("https://aieradev.vercel.app"),
- title: {
- default: "Abdulkabir Musa (AIEraDev) - Full-Stack Developer & AI Solutions Expert",
- template: "%s | Abdulkabir Musa - AIEraDev",
- },
- description: "Abdulkabir Musa (AIEraDev) is an AI Platform Engineer and Full-Stack Developer specializing in context-aware systems, Next.js, and Python. Explore projects bridging ML models with production web apps.",
- keywords: [
- "Abdulkabir Musa",
- "AIEraDev",
- "AI Platform Engineer",
- "Context-Aware AI Systems",
- "MCP",
- "Model Context Protocol",
- "Full-Stack Developer Nigeria",
- "Next.js Expert",
- "Python Developer",
- "React Developer",
- "AI Integration",
- "Machine Learning Engineer",
- "Web Developer Portfolio",
- "Software Engineer Africa",
- ],
- authors: [{ name: "Abdulkabir Musa", url: "https://aieradev.vercel.app" }],
- creator: "Abdulkabir Musa (AIEraDev)",
- publisher: "AIEraDev",
- robots: {
- index: true,
- follow: true,
- googleBot: {
- index: true,
- follow: true,
- "max-video-preview": -1,
- "max-image-preview": "large",
- "max-snippet": -1,
- },
- },
- openGraph: {
- type: "website",
- locale: "en_US",
- url: "https://aieradev.vercel.app",
- siteName: "AIEraDev - Abdulkabir Musa Portfolio",
- title: "Abdulkabir Musa (AIEraDev) - Full-Stack Developer & AI Solutions Expert",
- description: "Experienced full-stack developer specializing in React, Next.js, Express.js, Deno, MongoDB, Prisma ORM, and AI integrations. 4+ years building intelligent digital solutions.",
- images: [
- {
- url: "https://avatars.githubusercontent.com/u/80651195",
- width: 460,
- height: 460,
- alt: "Abdulkabir Musa (AIEraDev) - Full-Stack Developer Profile Photo",
- type: "image/jpeg",
- },
- {
- url: "/og-image.jpg",
- width: 1200,
- height: 630,
- alt: "Abdulkabir Musa (AIEraDev) - Full-Stack Developer Portfolio",
- type: "image/jpeg",
- },
- ],
- },
- twitter: {
- card: "summary_large_image",
- site: "@aieradev",
- creator: "@aieradev",
- title: "Abdulkabir Musa (AIEraDev) - Full-Stack Developer & AI Solutions Expert",
- description: "Experienced full-stack developer specializing in React, Next.js, Express.js, Deno, MongoDB, Prisma ORM, and AI integrations. Available for projects.",
- images: ["https://avatars.githubusercontent.com/u/80651195"],
- },
- verification: {
- google: "your-google-verification-code",
- yandex: "your-yandex-verification-code",
- yahoo: "your-yahoo-verification-code",
- },
- alternates: {
- canonical: "https://aieradev.vercel.app",
- languages: {
- "en-US": "https://aieradev.vercel.app",
- en: "https://aieradev.vercel.app",
- },
- },
- category: "technology",
- classification: "Portfolio Website",
- referrer: "origin-when-cross-origin",
- generator: "Next.js",
- applicationName: "AIEraDev Portfolio",
- manifest: "/manifest.json",
- icons: {
- icon: [
- { url: "/profile-image.jpg", sizes: "16x16", type: "image/png" },
- { url: "/profile-image.jpg", sizes: "32x32", type: "image/png" },
- { url: "/profile-image.jpg", sizes: "96x96", type: "image/png" },
- ],
- apple: [{ url: "/apple-touch-icon.png", sizes: "180x180", type: "image/png" }],
- other: [
- {
- rel: "mask-icon",
- url: "/safari-pinned-tab.svg",
- color: "#3b82f6",
- },
- ],
- },
- other: {
- "msapplication-TileColor": "#3b82f6",
- "theme-color": "#ffffff",
- "mobile-web-app-capable": "yes",
- "apple-mobile-web-app-capable": "yes",
- "apple-mobile-web-app-status-bar-style": "default",
- "apple-mobile-web-app-title": "AIEraDev",
- "application-name": "AIEraDev Portfolio",
- "msapplication-tooltip": "Abdulkabir Musa - Full-Stack Developer Portfolio",
- "msapplication-starturl": "/",
- "msapplication-navbutton-color": "#3b82f6",
- },
-};
-
-export default function RootLayout({ children }: { children: React.ReactNode }) {
- return (
-
-
-
-
- {children}
-
-
-
- );
-}
diff --git a/app/page.tsx b/app/page.tsx
deleted file mode 100644
index 7115633..0000000
--- a/app/page.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Hero } from "@/components/redesign/Hero";
-import { SystemItem } from "@/components/redesign/SystemItem";
-import { Thinking } from "@/components/redesign/Thinking";
-import { Skills } from "@/components/redesign/Skills";
-import { Contact } from "@/components/redesign/Contact";
-
-export default function Home() {
- return (
-
-
-
-
-
- AI Platform Engineer and Co-founder of AIEraDev, dedicated to advancing AI education and development in Africa.
- Combines deep technical expertise in Machine Learning and Full Stack development to build intelligent, context-aware systems.
- Specializes in bridging the gap between ML models and production web apps using Python, TypeScript, and Next.js.
-
-
-
- {/* Experience */}
-
-
Experience
-
-
-
-
Co-founder & CEO
- 2023 - Present
-
-
AIEraDev
-
-
Leading the mission to democratize AI education and community building across Africa.
-
Architecting context-aware AI solutions using the Model Context Protocol (MCP).
-
Mentoring the next generation of African developers through workshops and open-source initiatives.
+
+ );
+}
+
+export function Thinking() {
+ const [posts, setPosts] = useState([]);
+
+ useEffect(() => {
+ getLatestPosts().then((fetchedPosts) => {
+ if (fetchedPosts.length > 0) {
+ setPosts(fetchedPosts);
+ }
+ });
+ }, []);
+
+ const displayPosts = posts.length > 0 ? posts : [
+ {
+ title: "You Need Your Code to Be More Reliable Than People Using It",
+ publishedAt: "2024-12-10",
+ brief: "Reliability isn't just about uptime; it's about handling the unpredictability of human behavior. Systems must be resilient to misuse, not just error.",
+ url: "https://dev.to/aieradev/you-need-your-code-to-be-more-reliable-than-people-using-it-271o",
+ slug: "reliability"
+ },
+ {
+ title: "Context-First Architecture",
+ publishedAt: "2024-11-15",
+ brief: "In the age of LLMs, context is the new database. Designing systems that efficiently manage, retrieve, and inject context is the primary challenge of modern AI engineering.",
+ url: "#",
+ slug: "context-first"
+ },
+ {
+ title: "The Death of Boilerplate",
+ publishedAt: "2024-10-01",
+ brief: "If you're writing CRUD handlers by hand in 2024, you're optimizing for the wrong metric. AI should generate the mechanism; engineers should design the policy.",
+ url: "#",
+ slug: "boilerplate"
+ }
+ ];
+
+ return (
+
+
+
+
+ 03. Thinking & Engineering Depth
+
+
+
+
+
+ {displayPosts.map((post) => (
+
+ ))}
+
+
+ );
+}
diff --git a/src/components/redesign/WorkExperience.tsx b/src/components/redesign/WorkExperience.tsx
new file mode 100644
index 0000000..5d3abd8
--- /dev/null
+++ b/src/components/redesign/WorkExperience.tsx
@@ -0,0 +1,115 @@
+import { ArrowRight } from "lucide-react";
+
+const EXPERIENCES = [
+ {
+ company: "Sizemug",
+ location: "United Kingdom Β· Remote",
+ roles: [
+ {
+ title: "Lead Frontend Developer",
+ period: "Nov 2024 - Nov 2025",
+ description: "Driving development of user-centric web apps and mentoring frontend teams. Combining technical leadership with hands-on coding to deliver high-quality solutions."
+ },
+ {
+ title: "Frontend Developer",
+ period: "Apr 2024 - Nov 2024",
+ description: "Specialized in designing and developing visually captivating, user-friendly, and high-performance web applications. Bridged the gap between design and engineering."
+ }
+ ]
+ },
+ {
+ company: "Deen Minder",
+ location: "United Kingdom Β· Remote",
+ roles: [
+ {
+ title: "Web Frontend Engineer",
+ period: "Apr 2024 - Dec 2024",
+ description: "Developed DeenMinder's responsive web UIs and public site (prayer widget, blog, admin dashboards), optimized for RTL, audio playback, and discoverability."
+ },
+ {
+ title: "Mobile Frontend Engineer",
+ period: "Jan 2024 - Dec 2024",
+ description: "Contributed to developing and optimizing an Islamic app designed to support spiritual productivity. Focused on API integration and Dart development."
+ }
+ ]
+ },
+ {
+ company: "DataQolo",
+ location: "Federal Capital Territory, Nigeria Β· Remote",
+ roles: [
+ {
+ title: "Full Stack Developer",
+ period: "Apr 2024 - Sep 2024",
+ description: "Played a pivotal role in bridging the gap between offline and online data. Designed and developed scalable web solutions that empowered data-driven decision making."
+ }
+ ]
+ },
+ {
+ company: "OIC Hub",
+ location: "Osogbo, Osun State, Nigeria Β· On-site",
+ roles: [
+ {
+ title: "Frontend Development Tutor",
+ period: "Oct 2023 - Oct 2024",
+ description: "Combined passion for teaching with hands-on development. Tutored and mentored fellow developers while sharpening expertise in frontend development."
+ }
+ ]
+ }
+];
+
+export function WorkExperience() {
+ return (
+
+
+