99 lines
2.4 KiB
Markdown
99 lines
2.4 KiB
Markdown
# 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
|
|
|
|
```bash
|
|
# 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](https://github.com/altricade)
|
|
- **LinkedIn:** [linkedin.com/in/altricade](https://www.linkedin.com/in/altricade/)
|
|
- **Telegram:** [@altricade](https://t.me/altricade)
|
|
|
|
---
|
|
|
|
## License
|
|
|
|
MIT © Omar Zaid
|