Skip to main content

About Me

I'm Zeynab, a web developer with a background in backend development and WordPress. Over the years, I've worked on various projects—some solo, some in teams—and I enjoy the process of building things that work well and look decent.

I started my career working with Django REST Framework, building APIs for mobile apps. Later, I moved into WordPress development, where I built custom themes and plugins for clients. More recently, I've been exploring frontend development with React and Next.js.

I've been spending some of my free time working on small open-source projects to practice what I'm learning. They're not perfect, but they represent my progress and things I find interesting.

This site is a collection of some of the things I've built. Client work isn't included due to NDAs, but I'm happy to talk about those experiences in person.

Featured Projects

Podcraft preview

Podcraft

A podcast app I built while learning Next.js. It uses AI for some features.

  • Next.js
  • TypeScript
  • Clerk
  • Convex
Dev Portfolio preview

Dev Portfolio

My personal portfolio site built with Next.js to showcase my projects.

Recipedia preview

Recipedia

A recipe search app I built to practice working with APIs.

  • React
  • TailwindCSS
  • NPM
Kanba preview

Kanba

A task management board inspired by Trello. Built to practice state management.

World Ranks preview

World Ranks

A simple app to view and compare country rankings. Practice with React Query.

  • React
  • TailwindCSS
  • Git
  • Vite
GitHub Profile Viewer preview

GitHub Profile Viewer

A small tool to view GitHub profiles. Built to practice working with the GitHub API.

  • React
  • TailwindCSS
  • Vite
Acme Landing preview

Acme Landing

A landing page template. One of my earlier projects to practice HTML and CSS.

  • HTML
  • CSS
  • JavaScript
Cafe Store preview

Cafe Store

A cafe menu page built with Next.js. A small project to learn Next.js basics.

  • Next.js
  • TypeScript
  • TailwindCSS
  • Vercel

Skills

  • Translate Figma designs into reusable, high-quality UI components
  • Build responsive interfaces that adapt seamlessly across all screen sizes
  • Write semantic, accessible code with a strong focus on SEO best practices
  • Apply solid understanding of UI/UX design principles to enhance user experience
  • Extend and improve existing systems based on evolving requirements
  • Write clean, maintainable, and scalable code for long-term projects
  • Leverage AI tools for productivity while reviewing and refining their output
  • Experienced in conducting code reviews and mentoring developers
  • Experience with performance profiling and debugging tools (Lighthouse, Web Vitals)
  • Conduct accessibility audits and implement WCAG 2.1 AA compliance
  • Implement internationalization (i18n) and localization