Skills & Technologies
Each technology below is used in the projects in this portfolio. The note beside it says what it is actually used for, rather than a proficiency score.
Front-End Development
The interface layer: components, routing, state and styling across the applications in this portfolio.
- React
- The component layer of most projects here, including the Rabbit store, the LMS, the Instagram clone and the food ordering app.
- Next.js
- Used where routing and server rendering help — the AI Website Builder, the World Atlas platform, and this portfolio itself, which runs on the Next.js App Router.
- TypeScript
- Types across components, API responses and shared data models, so mismatches surface at build time rather than in the browser.
- Tailwind CSS
- Styling and responsive layout in every project, working mobile-first from the same set of utility classes.
- Redux Toolkit
- Client state that has to survive navigation — carts, sessions and feed data in the e-commerce and social applications.
- Framer Motion
- Interface transitions and scroll-triggered animation, used in the LMS and on this site.
- GSAP
- Timeline-based animation for sequences that need finer control than CSS transitions allow.
- shadcn/ui
- Accessible component primitives on top of Tailwind, used in the Instagram clone and the food ordering app.
Back-End Development
APIs, authentication, validation and the real-time channels behind these applications.
- Node.js
- The server runtime behind every API in this portfolio.
- Express.js
- Routing, middleware and REST endpoints for the store, LMS, social and food ordering backends.
- REST APIs
- The interface between front end and server: predictable resource routes for products, orders, courses, posts and users.
- WebSockets & Socket.io
- Live updates where reloading is not acceptable — messaging and feed activity in the Instagram clone, live interactions in the World Atlas platform.
- JWT
- Token-based authentication and route protection, used in the food ordering app.
- Zod
- Schema validation at API and form boundaries in the LMS and food ordering app.
Databases & Storage
Where application data and uploaded media live.
- MongoDB
- The primary database across these projects, holding catalogues, orders, courses, posts and user records.
- Mongoose
- Schema definitions and queries against MongoDB from the Express APIs.
- Cloudinary
- Storage and delivery of uploaded images and video in the LMS, Instagram clone and food ordering app.
Integrations & Tooling
Third-party services and the tools used to build and ship.
- Stripe
- Checkout and payment processing in the Rabbit store and the food ordering app.
- OpenAI API
- Layout and content generation in the AI Website Builder.
- Git
- Version control and collaboration across every project.
- Vercel
- Deployment target for the Next.js and React applications listed here.
See these technologies in use
Every technology listed here appears in at least one of the projects Abdullah has built. For the kinds of work they are applied to, see the development services page, or read more about Abdullah.