Go to file
2026-01-26 18:00:50 +05:00
.vscode init 2026-01-26 18:00:50 +05:00
public init 2026-01-26 18:00:50 +05:00
src init 2026-01-26 18:00:50 +05:00
.cta.json init 2026-01-26 18:00:50 +05:00
.gitignore init 2026-01-26 18:00:50 +05:00
.prettierignore init 2026-01-26 18:00:50 +05:00
.windsurfrules init 2026-01-26 18:00:50 +05:00
components.json init 2026-01-26 18:00:50 +05:00
docker-compose.yml init 2026-01-26 18:00:50 +05:00
Dockerfile init 2026-01-26 18:00:50 +05:00
eslint.config.js init 2026-01-26 18:00:50 +05:00
index.html init 2026-01-26 18:00:50 +05:00
nginx.conf init 2026-01-26 18:00:50 +05:00
package-lock.json init 2026-01-26 18:00:50 +05:00
package.json init 2026-01-26 18:00:50 +05:00
prettier.config.js init 2026-01-26 18:00:50 +05:00
README.md init 2026-01-26 18:00:50 +05:00
tsconfig.json init 2026-01-26 18:00:50 +05:00
vite.config.ts init 2026-01-26 18:00:50 +05:00

Omar Zaid — Frontend Developer Portfolio

A modern, responsive portfolio website showcasing my skills, experience, and projects as a Frontend Developer.


About Me

I'm a passionate Frontend Developer with expertise in building high-performance, scalable web applications. I specialize in React ecosystem and modern JavaScript/TypeScript development, with a strong focus on clean code, user experience, and best practices.

Key Highlights

  • 80% reduction in hiring time through a custom recruitment portal I built from scratch
  • 25% faster development by implementing Tailwind CSS across enterprise projects
  • Experience with high-traffic e-commerce (kari.com) and enterprise HR systems
  • Full-stack capabilities with Nuxt 3, Node.js, and PostgreSQL

Tech Stack

Frontend

  • Frameworks: React, Vue, Next.js, Nuxt
  • Languages: TypeScript, JavaScript
  • Styling: Tailwind CSS, SCSS, CSS

Backend

  • Runtime: Node.js
  • Frameworks: Express, NestJS
  • Database: PostgreSQL
  • ORM: Prisma

Tools & DevOps

  • Git, GitLab CI/CD, Docker
  • Figma, Jira
  • Linux, Windsurf, Cursor

Features

  • Blazing Fast — Built with Vite for optimal performance
  • Modern UI — Clean, minimalist design with smooth animations
  • Dark/Light Mode — System-aware theme switching
  • Internationalization — English and Russian language support
  • Fully Responsive — Optimized for all devices
  • Accessible — Built with a11y best practices

Project Structure

src/
├── components/          # Reusable UI components
│   ├── sections/        # Page sections (Hero, About, Skills, etc.)
│   └── ui/              # Base UI components (Button, etc.)
├── lib/                 # Utilities, config, constants
├── locales/             # i18n translation files
├── routes/              # TanStack Router file-based routes
└── stores/              # Zustand state management

Development

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Contact


License

MIT © Omar Zaid