⚡ Tabe Rickson — Digital Portfolio

Welcome to the source code of my personal portfolio. I am a Full-Stack Web & Mobile Software Engineer, Tech Architect, and AI Integration Specialist based in Cameroon. My work focuses on building fast, scalable, and user-friendly digital experiences that bridge the gap between design and architecture.

Visit the Live Portfolio

---

🌌 The Philosophy

"Design is not just what it looks like and feels like. Design is how it works."

My engineering philosophy revolves around three core pillars:

1. Resilient Architecture: Systems built to scale and endure.
2. Defense-in-Depth Security: Protecting users at every layer.
3. Visual Excellence: Delivering premium, interactive, and highly optimized user interfaces.

🛠️ Tech Stack & Technologies

This portfolio itself is a testament to my technical stack and design principles:

• Framework: Next.js (App Router)
• Styling: Tailwind CSS
• Animations: Framer Motion (for complex physics-based UI) & Custom IntersectionObserver native CSS (for performant scroll reveals)
• Language: TypeScript
• Icons: Lucide React & React Icons

My broader professional toolkit includes:

• Frontend: React, Next.js, Tailwind CSS
• Backend: Node.js, Supabase, Firebase, MongoDB, PostgreSQL, FastAPI
• Mobile: React Native, Expo
• AI / Automation: OpenAI, Gemini, Python, LangChain

✨ Key Features of This Repository

• Performance-First Animations: Balanced use of framer-motion for complex physics (like 3D card tilt and spring staggers) and highly optimized native CSS @keyframes with IntersectionObserver for simple scroll-reveals to minimize main-thread blocking.
• Modern UI/UX: Dark mode by default, utilizing glassmorphism, dynamic gradients, and custom #39FF14 neon accents for a premium, futuristic aesthetic.
• Centralized Data Management: All project data, links, and content are driven by a centralized portfolio-data.json architecture for rapid maintainability.

🚀 Getting Started Locally

Want to run this project on your local machine?

1. Clone the repository:

   git clone https://github.com/rickytabe/tabe-rickson-portfolio.git
   cd tabe-rickson-portfolio

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open http://localhost:3000 in your browser.

📫 Connect With Me

I'm always open to new opportunities, collaborations, and discussions on how technology can create a real impact.

• Email: rickytabe2@gmail.com
• WhatsApp: +237 671 35 33 41
• LinkedIn: taberickson
• X (Twitter): @TabeRickson
• GitHub: @rickytabe

---

Building digital experiences that matter. Let's create something amazing together.