{ "NAVBAR": { "FATMA": "Fatma", "ABOSHADY": "Aboshady", "HOME": "Home", "SKILLS": "Skills", "TOOLS": "Tools", "EXPERIENCE": "Experience", "SERVICES": "Services", "PROJECTS": "Projects", "CONTACT": "Contact", "DOWNLOAD_CV": "Download CV", "CONSULTATION": "Book Free Consultation", "VIEW_PROJECTS": "View Projects", "LINKEDIN": "LinkedIn", "EMAIL": "Email", "CHANGE_LANGUAGE": "Change Language", "CV_FILENAME": "Fatma Aboshady - Frontend Angular", "BLOG": "Blog", "ABOUT": "About" }, "HERO": { "YEARS_EXPERIENCE": "Years Experience", "PROJECTS_COMPLETED": "Projects Completed", "ROLE": "Frontend Developer", "AVAILABLE": "Available for work", "DESCRIPTION": "I craft modern Angular applications with clean architecture, focused on performance, scalability, and delivering exceptional user experiences.", "VIEW_WORK": "View My Work", "CONTACT_ME": "Contact Me" }, "SKILLS": { "TEMPLATE_PORTFOLIO": { "LABEL": "Fast. Affordable. Professional.", "TITLE_PREFIX": "Choose a", "TITLE_HIGHLIGHT": "Premium Template", "DESCRIPTION": "Launch your professional portfolio quickly using one of our carefully designed templates. Customize colors, content, sections, branding, and personal information while keeping development fast and affordable.", "FEATURES": { "DELIVERY": "Ready in Days", "PREMIUM_UI": "Premium UI Design", "CUSTOMIZATION": "Colors & Content Customization", "RESPONSIVE": "Fully Responsive", "LIMITED": "Maximum 4 Clients Per Template", "EXCLUSIVE_FIELD": "Not Reused Within The Same Industry" }, "BUTTON_START": "Choose a Template", "BUTTON_VIEW": "View Templates" }, "CUSTOM_PORTFOLIO": { "LABEL": "Unique. Exclusive. Built For You.", "TITLE_PREFIX": "Fully", "TITLE_HIGHLIGHT": "Custom Portfolio", "TITLE_SUFFIX": "Designed From Scratch", "DESCRIPTION": "A completely custom portfolio built around your personal brand. We start with a dedicated UI design phase, create unique layouts and interactions, then develop the final website. The result is a one-of-a-kind portfolio designed specifically for you.", "FEATURES": { "UI_DESIGN": "Custom UI Design First", "UNIQUE": "Unique Layout & Experience", "BRANDING": "Personal Brand Focused", "SCALABLE": "Scalable Architecture", "PREMIUM": "Premium Development Process", "EXCLUSIVE": "Built Exclusively For One Client" }, "BUTTON": "Request Custom Portfolio" } }, "SLIDE_BAR": { "ITEMS": [ "Angular Development", "TypeScript Expertise", "AI-Powered Frontend", "UI / UX Engineering", "Firebase Integration", "Performance Optimization" ] }, "TOOLS": { "LABEL": "My Tools", "TITLE_PREFIX": "Tools &", "TITLE_HIGHLIGHT": "Technologies", "DESCRIPTION": "I use modern technologies and tools to build scalable, high-performance, and visually modern digital experiences.", "ITEMS": [ { "NAME": "Angular", "ICON": "fa-brands fa-angular text-red-500" }, { "NAME": "TypeScript", "ICON": "fa-brands fa-js text-yellow-400" }, { "NAME": "RxJS", "ICON": "fa-solid fa-chart-line text-pink-500" }, { "NAME": "Tailwind CSS", "ICON": "fa-solid fa-wind text-cyan-400" }, { "NAME": "Node.js", "ICON": "fa-brands fa-node-js text-green-500" }, { "NAME": "Figma", "ICON": "fa-brands fa-figma text-purple-500" }, { "NAME": "GitHub", "ICON": "fa-brands fa-github text-white" }, { "NAME": "Firebase", "ICON": "fa-solid fa-fire text-amber-500" }, { "NAME": "Vercel", "ICON": "fa-solid fa-cloud text-cyan-400" }, { "NAME": "VS Code", "ICON": "fa-solid fa-code text-blue-500" } ] }, "EXPERIENCE": { "LABEL": "My Experience", "TITLE_PREFIX": "Experience", "TITLE_HIGHLIGHT": "Journey", "DESCRIPTION": "A timeline of my professional journey, the places I've worked, and the impact I've made.", "ITEMS": [ { "title": "Senior Angular & AI Developer", "period": "February 2024 — Present", "company": "IQRA Network", "location": "Boston, New York, USA", "type": "Remote", "bullets": [ "Led the end-to-end development of Angular dashboards for a large-scale Social Media Automation platform by building reusable components using Angular Material and Tailwind CSS, integrating the UI with AI-powered backend systems via REST APIs, and streamlining workflows in a way that reduced manual content creation by 60%", "Engineered and delivered a fully automated Social Media Automation System that integrates ChatGPT and custom GPT models to generate high-quality blog posts and social media content, while also scheduling and publishing posts across multiple platforms at specific times", "Designed and deployed an advanced AI Customer Support Chatbot capable of handling FAQs, determining whether users need to cancel or reschedule lessons, extracting and validating all required parameters, calling the appropriate API when conditions are met, and engaging the user with clarifying questions when information is missing." ], "mobileBullets": [ "Built Angular dashboards", "Integrated AI services", "Reduced manual work by 60%" ] }, { "title": "Senior Angular & AI Developer", "period": "February 2021 — January 2024", "company": "IQRA Network", "location": "Boston, New York, USA", "type": "Remote", "bullets": [ "Contributed to the development of Mofawtar, an E-Invoice System, by designing optimized backend APIs using NestJS and integrating Firestore and Cloud Storage to enhance data management and performance, which resulted in cutting invoice processing time by 50%", "Developed feature-rich Angular frontend modules for the Mofawtar E-Invoice System and integrated them seamlessly with NestJS APIs and Firebase services, delivering a smooth and optimized user experience that contributed to a 50% reduction in invoice processing time", "Engaged directly with clients and internal stakeholders to collect detailed requirements, translate them into precise technical specifications, and build interfaces that meet business goals while maintaining performance, usability, and scalability." ], "mobileBullets": [ "Developed Angular modules", "Integrated with NestJS & Firebase", "Reduced processing time by 50%", "Supported business teams" ] }, { "title": "Junior Frontend Web Developer", "period": "June 2020 — January 2021", "company": "Banque Misr Digital Transformation Office", "location": "Egypt", "type": "Hybrid", "bullets": [ "Completed a two-month internship organized by Banque Misr and NTG Clarity Networks, during which I built two Angular projects, collaborated within a cross-functional team of developers (frontend, backend, iOS, and Android), integrated real APIs, and gained hands-on experience applying the Scrum framework in real-world software development environments." ], "mobileBullets": [ "Completed a 2-month internship", "Built Angular apps in a team", "Integrated APIs & applied Scrum" ] } ] }, "PROJECTS": { "LABEL": "My Work", "TITLE_PREFIX": "Featured", "TITLE_HIGHLIGHT": "Projects", "DESCRIPTION": "A selection of projects I've built with passion, solving real problems using modern technologies.", "VIEW_DETAILS": "View Details", "CTA": { "TITLE": "Interested in working together?", "DESCRIPTION": "Let's build something modern, scalable, and impactful.", "BUTTON": "Let's Connect" }, "DETAILS": { "LABEL": "Case Study", "FEATURES": "Key Features", "FEATURES_DESC": "Features and functionality implemented in the project.", "ROLE": "Role", "TECH_STACK": "Tech Stack", "FOCUS": "Focus", "BUSINESS_IMPACT": "Business Impact" }, "ITEMS": [ { "id": 1, "title": "El Manar Stainless Steel Platform", "image": "assets/images/elmanar/elmanar.webp", "projectUrl": "https://elmanaretc.com/", "tags": ["Angular", "Tailwind CSS", "Responsive UI", "Product Catalog", "SEO Optimized"], "description": "Enterprise-grade company website and product catalog built with Angular. Focused on performance, clean UI, responsive layouts, and scalable frontend architecture.", "gallery": [ "assets/images/elmanar/1.webp", "assets/images/elmanar/2.webp", "assets/images/elmanar/3.webp", "assets/images/elmanar/4.webp" ], "features": [ "Enterprise-level product catalog architecture", "Highly optimized Angular performance", "Responsive layouts across all devices", "Clean UI aligned with brand identity", "SEO-friendly structure" ], "role": ["Frontend Development", "UI Architecture"], "techStack": ["Angular", "Tailwind CSS", "TypeScript", "Responsive Design"], "focus": ["Performance", "UX / UI", "SEO", "Scalability"], "businessImpact": [ "Improved online brand presence", "Enhanced product discoverability", "Increased customer inquiries", "Faster page load performance" ] }, { "id": 2, "title": "IQRA Network Educational Platform", "image": "assets/images/proj2.webp", "tags": ["Angular", "TypeScript", "Tailwind CSS", "Firebase", "AI Automation"], "description": "A full-scale educational platform built for IQRA Network, featuring dashboards, student assessments, AI-powered automation, and scalable frontend architecture.", "gallery": [ "assets/images/proj2.webp", "assets/images/2.webp" ], "features": [ "Complex dashboards for admins and educators", "Student assessment and evaluation modules", "AI-powered automation workflows", "Secure Firebase authentication and storage", "Scalable Angular architecture" ], "role": ["Frontend Development", "Dashboard Architecture"], "techStack": ["Angular", "Tailwind CSS", "Firebase", "TypeScript"], "focus": ["Scalability", "Automation", "User Experience", "Performance"], "businessImpact": [ "Centralized education management", "Reduced operational overhead", "Improved student engagement", "Scalable platform for growth" ] }, { "id": 3, "title": "Mofawtar – E-Invoice Management System", "image": "assets/images/proj3.webp", "tags": ["NestJS", "TypeScript", "Firebase", "REST APIs", "Clean Architecture"], "description": "Enterprise-grade E-Invoice system developed for IQRA Network with scalable backend architecture and secure invoice management.", "gallery": [ "assets/images/proj3.webp", "assets/images/proj3-1.webp" ], "features": [ "Clean architecture backend using NestJS", "Secure invoice, client, and organization management", "DTO-based API communication", "Firebase integration for data storage", "High reliability and performance" ], "role": ["Backend Development", "API Design"], "techStack": ["NestJS", "TypeScript", "Firebase", "REST APIs"], "focus": ["Security", "Maintainability", "Scalability", "Performance"], "businessImpact": [ "Automated invoicing process", "Improved financial accuracy", "Reduced manual accounting effort", "Enterprise-ready compliance" ] }, { "id": 4, "title": "Student Assessment Test Module", "image": "assets/images/assessment/10.webp", "tags": ["Angular", "TypeScript", "Tailwind CSS", "Firebase", "Dashboard Module"], "description": "Smart assessment module built to evaluate students' abilities, generate personalized study plans, and optimize schedules based on availability.", "gallery": [ "assets/images/assessment/1.webp", "assets/images/assessment/2.webp", "assets/images/assessment/3.webp", "assets/images/assessment/4.webp", "assets/images/assessment/5.webp", "assets/images/assessment/6.webp", "assets/images/assessment/8.webp", "assets/images/assessment/9.webp", "assets/images/assessment/10.webp", "assets/images/assessment/11.webp", "assets/images/assessment/12.webp", "assets/images/assessment/13.webp", "assets/images/assessment/14.webp", "assets/images/assessment/15.webp", "assets/images/assessment/16.webp", "assets/images/assessment/17.webp", "assets/images/assessment/18.webp", "assets/images/assessment/19.webp", "assets/images/assessment/20.webp", "assets/images/assessment/21.webp" ], "features": [ "Student ability evaluation system", "Dynamic syllabus selection logic", "Personalized study plan generation", "Schedule optimization based on availability", "Firestore-backed data storage" ], "role": ["Frontend Development", "System Design"], "techStack": ["Angular", "Angular Material", "Tailwind CSS", "TypeScript", "Firebase"], "focus": ["Performance", "UX / UI", "Scalability", "Clean Architecture"], "businessImpact": [ "Automated syllabus selection", "Smart student onboarding", "Reduced manual planning effort", "+30–40% customer growth" ] }, { "id": 5, "title": "Accounting System Module", "image": "assets/images/accounting/accounting.webp", "tags": ["Angular", "TypeScript", "Tailwind CSS", "Responsive UI", "Dashboard Module"], "description": "Core accounting module developed as part of a company dashboard. Focused on clean frontend architecture and efficient item management.", "gallery": [ "assets/images/accounting/1.webp", "assets/images/accounting/2.webp", "assets/images/accounting/3.webp", "assets/images/accounting/4.webp", "assets/images/accounting/5.webp", "assets/images/accounting/6.webp", "assets/images/accounting/7.webp", "assets/images/accounting/8.webp", "assets/images/accounting/9.webp", "assets/images/accounting/10.webp", "assets/images/accounting/11.webp", "assets/images/accounting/12.webp", "assets/images/accounting/13.webp", "assets/images/accounting/14.webp", "assets/images/accounting/15.webp" ], "features": [ "Well-structured frontend architecture", "Responsive dashboard UI", "Item selection and removal workflows", "Clean file organization", "Optimized user interactions" ], "role": ["Frontend Development"], "techStack": ["Angular", "Tailwind CSS", "TypeScript"], "focus": ["Usability", "Performance", "Clean Code"], "businessImpact": [ "Improved accounting workflow", "Faster daily operations", "Reduced human errors" ] }, { "id": 6, "title": "Content Automation System", "image": "assets/images/content/content.webp", "tags": ["AI Automation", "ChatGPT / LLMs", "Python", "Flask", "Firestore & Storage"], "description": "AI-powered system that automates blog and social media content creation using ChatGPT, custom GPTs, image processing, and Firestore.", "gallery": [ "assets/images/content/1.webp", "assets/images/content/2.webp", "assets/images/content/3.webp", "assets/images/content/content.webp", "assets/images/content/5.webp", "assets/images/content/6.webp" ], "features": [ "Automated blog and social media content generation", "ChatGPT and custom GPT integrations", "Image processing (crop, overlay, enhancements)", "Firestore and Cloud Storage integration", "Reliable and scalable automation workflows" ], "role": ["System Architecture", "Backend Development"], "techStack": ["Python", "Flask", "ChatGPT / LLMs", "Firestore", "Cloud Storage"], "focus": ["Automation", "Scalability", "AI Integration"], "businessImpact": [ "Reduced content creation time", "Increased marketing efficiency", "Consistent content output", "Lower operational costs" ] } ] }, "CONTACT": { "LABEL": "Get In Touch", "TITLE_PREFIX": "Let's Work", "TITLE_HIGHLIGHT": "Together", "DESCRIPTION": "Have a project in mind or want to collaborate? I'd love to hear from you. Let's build something amazing together.", "EMAIL_TITLE": "Email Me", "PHONE_TITLE": "Call Me", "LOCATION_TITLE": "Location", "LOCATION_TEXT": "Cairo, Egypt", "FORM_TITLE": "Send Me a Message", "FORM_DESC": "Fill out the form and I'll get back to you as soon as possible.", "NAME_PLACEHOLDER": "Your Name", "EMAIL_PLACEHOLDER": "Your Email", "SUBJECT_PLACEHOLDER": "Subject", "MESSAGE_PLACEHOLDER": "Your Message", "SEND_BUTTON": "Send Message", "SENDING": "Sending...", "SOCIAL_TITLE": "Connect with me", "SUCCESS": "Message sent successfully! I'll get back to you soon." }, "FOOTER": { "BRAND": "Fatma", "DESCRIPTION": "Frontend Developer who loves building beautiful, user-friendly web experiences.", "LETS_WORK": "Let's Work Together", "NAVIGATION": "Navigation", "SERVICES": "Services", "SERVICE_1": "Frontend Development", "SERVICE_2": "Responsive Design", "SERVICE_3": "Angular Applications", "SERVICE_4": "Portfolio Websites", "SERVICE_5": "UI Implementation", "CONTACT": "Contact", "EMAIL": "Email", "PHONE": "Phone", "LOCATION": "Location", "LOCATION_TEXT": "Cairo, Egypt", "QUOTE": "Code is not just logic, it's how I turn ideas into reality.", "NEWSLETTER_TITLE": "Stay Updated", "NEWSLETTER_DESC": "Get updates on new projects and articles.", "NEWSLETTER_PLACEHOLDER": "Enter your email", "NEWSLETTER_SUCCESS": "Thanks for subscribing!", "COPYRIGHT": "All rights reserved." }, "BLOG": { "LABEL": "Latest Articles", "TITLE_PREFIX": "From the", "TITLE_HIGHLIGHT": "Blog", "SHOW_ALL": "View All Articles", "READ_MORE": "Read More" }, "ABOUT": { "LABEL": "About Me", "TITLE": "Senior Angular Frontend Developer", "TITLE_HIGHLIGHT": "Angular · TypeScript · Firebase", "DESCRIPTION": "Senior Angular Frontend Developer with 3+ years of experience building scalable, responsive, and high-performance web applications. Strong expertise in Angular architecture, reusable components, state handling, and UI optimization, with solid backend knowledge (NestJS, Python) enabling seamless API integration. Delivered production systems used by real users and reduced operational workload by up to 60%.", "STATS": { "YEARS": "Years Experience", "PROJECTS": "Projects Delivered", "ANGULAR": "Angular", "TYPESCRIPT": "TypeScript" }, "SKILLS": { "TITLE": "Skills", "FRONTEND": "Frontend", "BACKEND": "Backend", "AI": "AI & Automation", "TOOLS": "Tools & Workflow" }, "EDUCATION": { "TITLE": "Education", "DEGREE": "Bachelor's in Computer Engineering", "FACULTY": "Faculty of Engineering — Egypt", "BULLETS": { "GRADUATED": "Graduated with Very Good grade", "STRONG_BASE": "Strong foundation in computer science, data structures, algorithms, databases, and operating systems" }, "DETAILS": { "YEARS_LABEL": "Study Years", "YEARS": "2017 - 2022", "GRADE_LABEL": "Grade", "GRADE": "Very Good" } }, "CERTIFICATES": { "TITLE": "Certificates", "GOOGLE_UX": { "TITLE": "Google UX Design", "DESC": "User experience design foundations and professional interface design.", "YEAR": "2023" }, "FULLSTACK": { "TITLE": "Full Stack Web Development", "DESC": "Full Stack diploma from Route Academy covering modern web technologies.", "YEAR": "2022" }, "PHP": { "TITLE": "PHP Course — ITI", "DESC": "PHP programming certificate from the Information Technology Institute.", "YEAR": "2022" }, "CS_DIPLOMA": { "TITLE": "Computer Science Diploma", "DESC": "Computer Science diploma from Route Academy.", "YEAR": "2021" }, "WEB_DESIGN": { "TITLE": "Website Design & Development", "DESC": "Web design and development certificate from Egypt-India Center.", "YEAR": "2020" } }, "COURSES": { "TITLE": "Courses", "ANGULAR": { "TITLE": "Angular Architecture", "DESC": "Large-scale Angular project architecture and component management.", "YEAR": "2024" }, "RXJS": { "TITLE": "RxJS & Reactive Programming", "DESC": "Asynchronous data streams and reactive programming patterns.", "YEAR": "2024" }, "NGRX": { "TITLE": "State Management with NgRx", "DESC": "Managing application state in large Angular apps using NgRx.", "YEAR": "2024" }, "PERFORMANCE": { "TITLE": "Frontend Performance Optimization", "DESC": "Improving performance, reducing load time and enhancing UX.", "YEAR": "2023" }, "UIUX": { "TITLE": "UI/UX Fundamentals", "DESC": "User experience principles and professional frontend interface design.", "YEAR": "2023" } } }, "SERVICES": { "LABEL": "Services", "TITLE_PREFIX": "What I", "TITLE_HIGHLIGHT": "Offer", "DESCRIPTION": "I build modern, responsive, and high-performance web experiences with clean UI, scalable Angular architecture, and smart integrations.", "BUTTON": "Start Project", "ITEMS": { "PORTFOLIO_WEBSITE": { "TITLE": "Portfolio Websites", "DESC": "Premium personal and business portfolio websites designed to present your work professionally.", "FEATURES": { "MODERN_UI": "Modern elegant UI", "RESPONSIVE": "Fully responsive design", "FAST_DELIVERY": "Fast delivery and deployment" } }, "ANGULAR_FRONTEND": { "TITLE": "Angular Frontend Development", "DESC": "Scalable Angular applications with reusable components, clean structure, and smooth user experience.", "FEATURES": { "COMPONENTS": "Reusable components", "ROUTING": "Routing and lazy loading", "STATE": "State management" } }, "UI_IMPLEMENTATION": { "TITLE": "UI Implementation", "DESC": "Converting designs into clean, responsive, and pixel-perfect frontend interfaces.", "FEATURES": { "FIGMA_TO_CODE": "Figma to code", "PIXEL_PERFECT": "Pixel-perfect layout", "ANIMATIONS": "Smooth animations" } }, "AI_INTEGRATION": { "TITLE": "AI Integration", "DESC": "Adding AI features into web applications using GPT models, prompts, and smart automation flows.", "FEATURES": { "CHATGPT": "ChatGPT integration", "PROMPTS": "Prompt engineering", "AUTOMATION": "Workflow automation" } }, "FIREBASE_APPS": { "TITLE": "Firebase Applications", "DESC": "Building apps with Firebase authentication, Firestore database, storage, and hosting.", "FEATURES": { "AUTH": "Authentication", "FIRESTORE": "Firestore database", "HOSTING": "Firebase hosting" } }, "PERFORMANCE_SEO": { "TITLE": "Performance & SEO", "DESC": "Improving speed, accessibility, SEO structure, and user experience for production websites.", "FEATURES": { "SPEED": "Speed optimization", "SEO": "SEO-friendly structure", "OPTIMIZATION": "Image and code optimization" } } } } }