Gleap TypeScript Developer

3-month internship • 4-person development team • 90 tickets resolved

The Company

Gleap – Bug reporting and customer feedback tool for apps and websites, supporting beta testing, customer support, and roadmap planning.

Tech Stack 💡

Front-end

✔ React
✔ TypeScript
✔ React Hooks (useState, useEffect, useContext, useRef)

State Management

✔ MobX
✔ Multiple store architecture (Bug, User, Modal, Project stores)

Styling & UI

✔ SCSS
✔ Dynamic classes
✔ Conditional rendering
✔ Font Awesome
✔ React Hot Toast

Development Tools

✔ Git
✔ Cursor IDE
✔ Browser DevTools

Key Contributions ⚡

  • Enhanced User Experience: Improved mobile/tablet responsiveness and dark mode accessibility
  • Bug Resolution: Fixed frontend display bugs and spacing issues in message displays
  • Feature Development: Added template shortcuts, button navigation, modals, and deep linking functionality
  • Code Quality: Extended and utilised centralised store architecture (Bug Store, User Store, Modal Store, Project Store) for maintainable, scalable code

Technical Growth 💡

TypeScript Proficiency

  • First professional experience with TypeScript in React applications
  • Learned strict typing for components, props, state, and API responses
  • Worked with React hooks (useState, useEffect, useContext, useRef) in TypeScript
  • Reduced runtime errors and improved code predictability

Mastered Professional Workflows

  • Transitioned from personal projects to collaborative development in a React codebase
  • Learned Git workflows, code reviews, and deployment processes
  • Developed debugging skills using browser inspection tools and network throttling
  • Experienced both in-office collaboration (11 weeks) and remote work (1 week)

Enterprise-Level Development

  • Navigated large, complex codebase with proper component hierarchy
  • Implemented MobX reactive state management with observers and actions
  • Applied SCSS styling with dynamic classes and conditional rendering
  • Built interactive UI components with comprehensive event handling
A stunning skyscraper in London, Ontario reflecting clouds on its glass facade.

Key Learnings 🌱

Code Architecture

Instead of duplicating functionality, implemented centralised systems (Bug Store, theme system, responsive breakpoints) for consistency and efficiency.

Professional Standards

Learned to write review-ready code – clear, well-formatted, and free of debugging code.

Problem-Solving Speed

By the end of the internship, I was resolving tickets faster and with greater confidence, applying learned patterns to new challenges. (30 tickets/month average)

Outcome

Successfully transitioned from solo developer to contributing team member in a professional React environment. Gained hands-on experience with enterprise development practises, TypeScript, and maintainable code architecture.

View All Projects