eray

Software Engineer

Hello! I'm Eray, a front-end software engineer. I am the proud owner of a lovely cat, Kiche, and a border collie dog named Leo. I live in İzmir, Türkiye. My specialization lies in user-centric digital solutions, with expertise in JavaScript, Vue, React, and TypeScript. I possess a strong background in CI/CD processes and leadership, as demonstrated by founding a community for developers. My focus is on improving product value and enhancing user experience.

Base Story

Professional Summary

Results-driven Senior Software Engineer with 5+ years of expertise in full-stack development, specializing in modern web technologies and distributed systems. Strong focus on building scalable applications and leading development teams. Passionate about creating performant, user-centric solutions that drive business value.

## Professional Experience

### Primary Roles

### Senior Frontend Engineer @ Akinon (Dec 2023 - Jul 2024)

E-commerce platform provider

**Key Achievements**

- Architected common UI component library using React and Ant Design

  • Reduced feature development time by 40%
  • Improved brand consistency across platforms - Pioneered Turborepo adoption
  • Reduced build time from 15 to 10 minutes
  • Enhanced dependency management - Enhanced CI/CD processes
  • Standardized Git workflows
  • Reduced deployment incidents by 80% - Improved Product Information and Promotion Management systems
  • Drove 25% increase in salesa
  • Enhanced user satisfaction by 15%

### Lead Frontend Engineer @ Onword Studio (Jul 2023 - Dec 2023)

USA - Remote

**Key Achievements**

- Developed AI-powered story visualization platform

  • Built custom text editor for story writing and template management
  • Created video editor with cutting, trimming, and subtitle/voiceover synchronization
  • Integrated AI image generation based on story context and reference images
  • Implemented automated video generation from written stories
  • Streamlined content creation workflow for writers and creators - Tech Stack: JavaScript, TypeScript, SvelteKit, AWS, Vercel, AI APIs

### Senior Frontend Engineer @ Teknasyon (Nov 2021 - Aug 2023)

Subscription service platforms

**Key Achievements**

- Led no-code web editor development for Zotlo platform

  • Built a comprehensive site builder for digital product sales
  • Implemented features for sales package management, payment integrations, and subscription handling
  • Created multi-language support and customizable design themes
  • Developed onboarding quiz designer and flow management
  • Reduced page creation time from 2 days to 3 hours
  • Improved platform efficiency by 35%
  • Tech Stack: Vue.js, TypeScript, Nuxt - Established testing infrastructure
  • Increased test coverage from 45% to 85%
  • Implemented Vitest and Cypress
  • Created testing standards - Enhanced GetContact mobile app
  • Improved user engagement by 20%
  • Created pixel-perfect, accessible landing pages - Optimized development processes
  • Reduced CI/CD pipeline time by 20%
  • Cut onboarding time from 3 weeks to 1 week
  • Reduced code errors by 30%

### Frontend Engineer @ ICS Defense (Apr 2021 - Nov 2021)

Cybersecurity solutions provider

**Key Achievements**

- Developed ICS Sight cybersecurity monitoring dashboard

  • Built complex data visualizations using Vue.js and d3.js
  • Improved threat detection time by 60%
  • Enhanced user interface for security monitoring - Created Enso Elektrik company website (ensoelektrik.com)
  • Built responsive landing page using Nuxt.js and Tailwind CSS
  • Integrated Airtable for content management
  • Showcased company's energy sector engineering and R&D capabilities - Developed ICS Defense corporate website (icsdefense.net)
  • Built with Next.js focusing on performance and SEO
  • Achieved perfect Lighthouse scores
  • Implemented responsive design and modern UI - Tech Stack: Vue.js, Nuxt.js, Next.js, TypeScript, d3.js, Tailwind CSS, Airtable

### Frontend Engineer @ Tech Chaps (Nov 2019 - Apr 2021)

UK-based client projects (Remote)

**Key Achievements**

- Delivered 4 major client projects with 100% satisfaction rate - Reduced page load times from 3s to 0.8s - Built advanced data visualizations - Implemented role-based authentication systems - Tech Stack: React, TypeScript, Next.js

### Freelance & Contract Work

### Consultant Frontend Architect @ Scouthub (Feb 2023 - May 2023)

Singapore - Contracted

**Key Achievements**

- Consulted on fantasy football game project while maintaining other commitments - Fixed responsive design issues and improved build screen functionality across three views - Optimized complex formation builder logic through modular architecture - Enhanced Web3 transaction system for NFT purchases and transfers - Strengthened project documentation and knowledge transfer - Tech Stack: Next.js, TypeScript, Context API, Web3.js

### Frontend Developer & Designer, Freelance (Mar 2019 - Nov 2020)

- Developed various client projects on Upwork:

  • Landing pages for international clients
  • Portfolio website for a museum in Greece
  • Personal portfolio websites for various clients - Created websites using HTML, CSS, and WordPress - Focused on UX principles, wireframing, and prototyping - Implemented responsive design and modern UI practices - Gained hands-on experience with UI kits and CSS frameworks - Worked with design software: Figma, AdobeXD, Blender, Photoshop

## Community Impact & Leadership

### Disaster Map Project (Feb 2023)

Project Lead Developer @ Açık Yazılım Ağı

- Led development of a critical disaster response platform during the Turkey earthquake - Coordinated a team of 2000+ developers in an open-source initiative - Processed 35M+ requests, serving 627,000+ unique visitors - Integrated advanced AI/ML capabilities:

  • Used EasyOCR for text extraction from social media images
  • Implemented BERT-based models for address extraction
  • Developed intent classification using NLI models
  • Created crowdsourced validation interface using Argilla and Gradio
  • Integrated with Hugging Face's inference API for model deployment - Implemented real-time data visualization with Leaflet for rescue coordination - Developed mobile-first interfaces for field teams and NGOs - Optimized for low-bandwidth scenarios (2G/3G support) - Featured in international media (Yahoo, Euronews, Wired, Time) - Tech Stack: Next.js, TypeScript, AI/ML, Leaflet, Material UI - Project Impact: Directly contributed to successful rescue operations and aid coordination - [Project Coverage](https://dev.to/erayg/how-an-open-source-disaster-map-helped-thousands-of-earthquake-survivors-afetharitacom-440)

### Frontendship Community (Sep 2022 - Apr 2023)

Founder & Community Leader

- Built and grew community to 2000+ members - Provided intensive one-on-one mentorship:

  • Mentored 25+ developers individually
  • Achieved 80%+ success rate in job placement and career advancement
  • Created personalized learning paths and career development plans
  • Offered both technical guidance and soft skills development - Reviewed and improved hundreds of resumes for community members - Created networking opportunities and facilitated direct connections with companies - Organized 50+ educational events and workshops
  • Frontend-focused online workshops with 100+ average attendance
  • Live coding sessions and technical demonstrations
  • Career development and interview preparation sessions - Created comprehensive educational content
  • YouTube channel with 10,000+ total views
  • Educational video series:
    • What is Open Source? How To Start?
    • Git Usage For Open Sourcerers
    • A Frontend Engineer's Guide to Surviving Your First Job

### Speaking Engagements

1. **Neurodiversity in Tech** (Aug 2023)

  • Event: Yazılımcı Günleri Etkinliği
  • Topic: "I am not neurotypical and that's OK"
  • Key Points:
    • Understanding neurodiversity in technology
    • Effective collaboration with neurodivergent individuals
    • Creating inclusive tech workplaces
    • Characteristics and strengths of neurodivergent professionals
  • Impact: Created awareness about neurodiversity in tech
  • Audience: 50+ industry professionals

2. **Frontend Engineering Career Path** (Dec 2022)

  • Venue: İstanbul Gelişim University
  • Impact: Guided 200+ students
  • Outcome: Established 3 mentorship relationships

3. **Modern Design Systems** (Jun 2022)

  • Event: Teknasyon Meetup
  • Topic: Custom Design System Configuration with Tailwind
  • Platform: YouTube
  • Reach: 1000+ views

## Early Career & Education

### Personal Timeline

- Born in İstanbul, Türkiye (October 21, 1996) - Graduated from high school (August 2014) - First logo design for local shop (October 2017) - First website launch - WordPress site for museum (December 2017) - Moved to Çanakkale, Türkiye (August 2018) - Relocated to İzmir (June 2021)

### Education

- Computer Programming, Anadolu University (2021-2024) - Medical Imaging Techniques, Canakkale Onsekiz Mart University (2018-2020) - International Relations, Trakya University (2015-2017)

### Career Progression

- Graphic Designer @ Çanakkale City Hall (Sep 2018) - Founded Spektrum Organization (Dec 2018)

  • Created and managed organization website with regular content publishing
  • Published articles, poems, and essays from community members
  • Organized diverse city-wide events:
    • Science and philosophy discussions
    • Sports activities and running groups
    • Networking events
    • Book reading clubs
    • Social gatherings and nightlife events
  • Built active local community through varied activities
  • First step into web development through organization's website - Started Web Development Journey (Jan 2019)
  • Began with HTML and CSS
  • Secured first freelance clients
  • Advanced to JavaScript and WordPress development
  • Progressed to React development - Frontend Developer & Designer, Freelance (Mar 2019 - Nov 2020)
  • Created websites using HTML, CSS, and WordPress
  • Developed minor components for clients
  • Focused on UX principles, wireframing, and prototyping
  • Implemented design knowledge into UI development
  • Gained hands-on experience with UI kits and CSS frameworks
  • Worked with design software: Figma, AdobeXD, Blender, Photoshop

### Additional Organizations & Community Involvement

- **Izmir Developer Meetings** (Aug 2021 - Present)

  • Active community member
  • Participated in regular developer meetups
  • Engaged in networking and social interactions with local developers
  • Built connections within the İzmir tech community - **DesignGost** (Sep 2020 - Mar 2021)
  • Mentee
  • Participated in mentor-mentee program for design skills - **Findmentor** (Oct 2020 - Feb 2021)
  • Mentee
  • Engaged in programming mentorship program

## Technical Expertise

### Core Engineering

- Software Architecture & System Design - Performance Optimization - Technical Leadership - Distributed Systems - Code Review & Quality

### Frontend Development

- TypeScript/JavaScript (ES6+) - React & Vue.js - Next.js & Nuxt - SvelteKit - Component Libraries - Design Systems - TailwindCSS - UI Performance - Git Hooks (Husky) - Version Control: Git, GitHub, Bitbucket, GitLab

### CSS Expertise

- Methodologies: BEM, OOCSS, SMACSS, Atomic CSS, ITCSS, CSS Modules - Preprocessors: Sass, Less - Frameworks: Bootstrap, TailwindCSS - Cross-Browser: Autoprefixer, Babel

### UI Libraries & Visualization

- Component Libraries: Material-UI, Ant Design, Vuetify, Chakra UI - Data Visualization: D3.js, Chart.js, ApexCharts - Animation: Framer Motion - Maps: Leaflet - Notion Integration

### Backend & Data

- Node.js & Express.js - tRPC & REST APIs - PostgreSQL & MongoDB - Prisma - Data Modeling - API Development - Containerization: Docker

### DevOps & Cloud

- AWS & Azure - Docker - CI/CD Pipelines - GitHub Actions - Vercel & Firebase - Cloud Deployment

### Testing & Quality

- Vitest & Jest - Cypress & Playwright - Component Testing - E2E Testing - Performance Monitoring - ESLint & Prettier

### Development Tools

- Git & GitHub - Turborepo - Webpack & Vite - VS Code - Figma - Chrome DevTools

### Additional Tools & Skills

- Project Management: Agile, Scrum, Kanban - Analytics: Google Analytics - Design: Figma - Project Tools: Trello, Jira, Notion - State Management: Redux, Pinia, Vuex, Context API - Utilities: Lodash, Moment.js, Leaflet - Build Tools: Webpack, Vite, Babel, Autoprefixer - Documentation: Swagger - Cloud Platforms: AWS, Azure, Google Cloud, Firebase, Heroku, Netlify, Vercel, Digital Ocean - Database Systems: MySQL, PostgreSQL, MongoDB

### Design Tools

- Adobe Suite (Photoshop, XD) - Blender - Wireframing - Prototyping - UI/UX Design - Design Systems

## Languages

- Turkish: Native - English: Professional Working Proficiency

### Key Lessons from Early Web Development

- Importance of responsive design and cross-browser compatibility - Value of clean, maintainable code structure - Significance of performance optimization and loading times - Understanding of user experience and accessibility principles - Necessity of version control and documentation - Power of community learning and knowledge sharing - Importance of iterative development and feedback loop