$ whoami
> Omar Ashraf
$ role
> Frontend Engineer
$ stack
> React
> Next.js
> TypeScript
> Node.js
> Laravel
$ currently
> Building Modern Web Applications
$ philosophy
> Build → Break → Learn → Scale
const Omar = {
name: "Omar Ashraf",
role: "Frontend Engineer",
location: "Egypt 🇪🇬",
experience: "Real World Projects",
currentlyLearning: [
"System Design",
"Docker",
"AWS",
"Microservices",
"Advanced Next.js"
],
frontend: [
"React",
"Next.js",
"TypeScript",
"Tailwind",
"Framer Motion"
],
backend: [
"Node.js",
"Express",
"PHP",
"Laravel"
],
database: [
"MySQL",
"MongoDB"
],
architecture: [
"REST APIs",
"Scalable Apps",
"Clean Code",
"Performance",
"UI/UX"
],
mindset:
"Code. Improve. Repeat."
}
███████████████████████
Code Quality 100%
Problem Solving 98%
UI/UX 96%
Performance 95%
Team Work 94%
System Design 90%
Backend 86%
Cloud 70%
| Category | Technologies |
|---|---|
| Frontend | React • Next.js • TypeScript • JavaScript |
| Styling | Tailwind CSS • Bootstrap • CSS3 • SCSS |
| Backend | Node.js • Express.js • PHP • Laravel |
| Database | MongoDB • MySQL |
| Deployment | Vercel • GitHub |
| Tools | Git • GitHub • VS Code • Postman • Figma |
| Skill | Level |
|---|---|
| React.js | ████████████████████ 98% |
| Next.js | ███████████████████ 96% |
| TypeScript | ██████████████████ 93% |
| JavaScript | ███████████████████ 97% |
| Tailwind CSS | ████████████████████ 99% |
| Node.js | ████████████████ 84% |
| Express.js | ███████████████ 82% |
| Laravel | ██████████████ 78% |
| PHP | ███████████████ 80% |
| MongoDB | ███████████████ 82% |
| MySQL | ████████████████ 86% |
| REST APIs | ███████████████████ 97% |
✔ Clean Code
✔ Component Reusability
✔ Responsive Design
✔ Pixel Perfect UI
✔ Performance Optimization
✔ RESTful APIs
✔ Scalable Architecture
✔ Accessibility
✔ SEO Friendly
✔ Mobile First
✔ Code Splitting
✔ Lazy Loading
✔ Server Side Rendering
✔ Modern Animations
✔ Best Practices
| Learning | Improving |
|---|---|
| Advanced Next.js | System Design |
| Docker | Backend Architecture |
| AWS | Performance Optimization |
| CI/CD | Clean Architecture |
| Microservices | Enterprise UI |
React.js ████████████████████ 98%
Next.js ███████████████████ 96%
TypeScript ██████████████████ 93%
Tailwind CSS ████████████████████ 99%
Node.js ████████████████ 84%
Laravel ██████████████ 78%
MongoDB ███████████████ 82%
MySQL ████████████████ 86%
REST API ███████████████████ 97%
UI / UX ██████████████████ 95%
Performance █████████████████ 92%
Problem Solving ███████████████████ 98%
"Great software isn't just about writing code.
It's about creating experiences, solving problems, and building products that scale."
| Metric | Status |
|---|---|
| Open Source | Active |
| Personal Projects | Building |
| Learning | Every Day |
| Clean Code | Always |
| Performance | High Priority |
| Goal | Full Stack Excellence |
Weekly Focus
React.js ████████████████████
Next.js ██████████████████
TypeScript █████████████████
Node.js ██████████████
Laravel ███████████
System Design ████████████
UI / UX █████████████████
☑ Build Premium Portfolio
☑ Create Production Projects
☐ Master System Design
☐ Learn Docker
☐ Learn AWS
☐ Master CI/CD
☐ Open Source Contributions
☐ Build SaaS Product
| Project | Description | Stack |
|---|---|---|
| AI Learning Platform | Modern LMS with Authentication, Dashboard & Payments | Next.js • TypeScript • Tailwind • Prisma |
| Real Estate Platform | Property Search, Maps, Filters & CMS | React • Node.js • MongoDB |
| Portfolio v2 | Premium Animated Portfolio | Next.js • Framer Motion |
| E-Commerce Store | Full Shopping Experience | Next.js • Express • MySQL |
| Course Platform | Udemy-inspired Learning Platform | Next.js • Laravel • REST API |
USER
│
Responsive UI
│
React Components
│
Next.js App Router
│
REST API / Server Actions
│
Express.js / Laravel Backend
│
Authentication Layer
│
MySQL / MongoDB Database
│
Deployment
Vercel • GitHub • CI/CD
Idea
│
▼
UI Design
│
▼
Development
│
▼
Testing
│
▼
Deployment
│
▼
Optimization
│
▼
Continuous Improvement
| Favorite | Why |
|---|---|
| Modern Dashboards | Clean UX |
| SaaS Applications | Scalability |
| Landing Pages | Performance |
| AI Platforms | Future Tech |
| Admin Panels | Organization |
| REST APIs | Integration |
| Full Stack Apps | Complete Products |
███████████████████████
Build Products
██████████████████████
Learn Daily
███████████████████████
Improve Architecture
█████████████████████
Open Source
█████████████████
Cloud Computing
█████████████
AI Integration
Night Owl Developer
Coffee Powered
Coding With Music
Loves Clean UI
Learning Every Day
Performance First
Open Source Enthusiast
Space & Cyberpunk Lover