|
All checks were successful
Deploy Production / deploy (push) Successful in 1m6s
|
||
|---|---|---|
| .gitea/workflows | ||
| .vscode | ||
| public | ||
| src | ||
| .cta.json | ||
| .gitignore | ||
| .prettierignore | ||
| .windsurfrules | ||
| components.json | ||
| docker-compose.yml | ||
| Dockerfile | ||
| eslint.config.js | ||
| index.html | ||
| nginx.conf | ||
| package-lock.json | ||
| package.json | ||
| prettier.config.js | ||
| README.md | ||
| tsconfig.json | ||
| vite.config.ts | ||
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
- Email: omar.m.zaid@hotmail.com
- GitHub: github.com/altricade
- LinkedIn: linkedin.com/in/altricade
- Telegram: @altricade
License
MIT © Omar Zaid