Now building Traceva, my own Mac appHello, I'm
Ishara Weerasinghe
Senior Software Engineer @ FocalId Technologies
6+ years shipping production software, from frontend to full-stack and mobile. I build with React, Next.js, TypeScript and Node.js, and specialize in data visualization with D3.js and Three.js.
About Me
I'm a Senior Software Engineer at FocalId Technologies, based in Walasmulla, Sri Lanka. I've shipped production software for 6+ years, starting in frontend and growing into full-stack and mobile development, building products end-to-end from the first idea and UI to the final release.
My strengths are React and Next.js frontends, data visualization with D3.js, Leaflet and Three.js, backends with Node.js, NestJS, FastAPI and MongoDB, mobile with React Native and Kotlin, and performance and SEO work that makes products fast and discoverable.
Outside client work I build my own products, including videoclay, Traceva and DailyWords, and write about React, Next.js and software architecture. I'm open to senior frontend or full-stack roles, on-site, hybrid or remote, and open to relocation.
Experience
6+ Years
Shipping production software
Current Role
Senior Software Engineer
FocalId Technologies, since Apr 2024
Projects
50+
Successfully delivered
Clients
30+
Happy and satisfied
My Product
From my concept to a Mac app
Traceva
Time tracking and invoicing for Mac
Track time. Send invoices. Get paid.
A native Mac app for freelancers and small studios. Your timer lives in the menu bar, your hours become invoices, and soon everything will sync to your iPhone.
Traceva is my own product, from concept to code. I came up with the idea, defined the requirements, designed the UX and UI, and built the Mac app and its landing page end-to-end.
Menu bar timer
Start, pause and switch tasks without opening a window, with idle detection, Pomodoro blocks and daily goals.
Calendar & timeline
Every entry sits on a week calendar. Drag to move, resize or split it, or add forgotten time by hand.
Tasks & projects
A board for every client and project, with recurring tasks, due-date reminders and client portal share links.
Invoices & billing
Invoices drafted from unbilled time, PDF export, payment reminders, budgets, expenses and live exchange rates.
Insights
Tracked, billable and earned time by day, week, month, quarter or year, plus your most focused hours.
Privacy & iCloud
End-to-end encrypted iCloud sync, scheduled backups, JSON and CSV export, and a Touch ID app lock.
What I did
Product concept
Idea, scope and requirements
UX & UI design
Mac, iPhone and web designs
Mac app
Native macOS development
Landing page
Next.js, GSAP, 5 languages
Built with
Experience
Senior Software Engineer
Apr 2024 – Present
FocalId Technologies · Full-time
Building production web applications for client projects including Promptify, Robocorp, Marbella, Chicago and Frank Fruits, with a focus on React and Next.js frontends, data visualization, performance and SEO.
ReactNext.jsTypeScriptNode.jsD3.jsFull Stack Developer
Jul 2023 – Present
videoclay · Freelance
Designing and building the videoclay platform: an immersive Three.js hero, Stripe subscriptions, NextAuth authentication and a role-based admin dashboard for content and user management.
Next.jsThree.jsStripeNextAuthMongoDBFull Stack Developer
May 2018 – Apr 2024
Self-employed · Freelance
Built web products for clients end-to-end, starting in frontend and growing into full-stack and mobile development.
ReactNode.jsMongoDBReact NativeIT Technician Intern
Dec 2017 – May 2018
Ceylon Electricity Board · Internship
Education
BTech in Multimedia & Web Technology
University of Vocational Technology
2022 – 2026
ICT Diploma (NVQ Level 5)
College of Technology Galle
2019 – 2021
Certifications
Version Control
Coursera · Jul 2023
Programming with JavaScript
Coursera · Jun 2023
Languages
English
Professional working proficiency
Sinhala
Native
Featured Projects
Next.js
Traceva Landing Page
Marketing site for Traceva, my own Mac app. Scroll-driven walkthroughs show the product through interactive app mockups built entirely in code.
- GSAP scroll animations with reduced-motion support
- Five languages with locale-aware dates and currencies
- Light and dark themes, generated Open Graph images
Next.js
Videoclay
Full-stack video creation and management platform with paid subscriptions and an immersive 3D landing experience.
- Three.js hero banners and animated UI
- Stripe subscriptions with NextAuth sessions
- Role-based admin dashboard for content and users
Next.js
Raksha
Case management system for a child protection helpline, coordinating police, psychosocial and legal units from first complaint to case closure.
- Visual Link Analysis to map networks between cases
- Similar Case Finder for pattern detection
- Next.js frontend with a FastAPI and NetworkX backend
Next.js
DevAssist
Q&A community for developers where every answer can start from an AI draft, paired with a toolkit of everyday developer utilities.
- AI-drafted answers from the question and code with Google Gemini
- 11 built-in tools: JSON to TypeScript, JWT decoder, regex tester and more
- ⌘K command palette, saved questions, and light, dark or system themes
React
Filmhub
Movie discovery app with a cinematic dark redesign: browse, search and save films with live data from The Movie Database.
- Featured movie hero, Popular, Top Rated, Upcoming and 19 genres
- TMDB sign-in with favorites, watchlist and a profile page
- Alan AI voice commands, plus light and dark themes
Skills & Expertise
Frontend
- React
- Next.js
- TypeScript
- JavaScript
- Tailwind CSS
- Redux
- Performance & SEO
- Responsive Design
Data Visualization
- D3.js
- Three.js
- Leaflet
- Recharts
- Network Graphs
- Dashboards
- Maps & Geo Data
- Animation
Backend
- Node.js
- NestJS
- Express
- Python
- FastAPI
- MongoDB
- PostgreSQL
- REST & GraphQL
Mobile & Tools
- React Native
- Kotlin
- Git & GitHub
- Docker
- AWS
- Vercel
- Stripe
- Figma
Articles
Notes on React, Next.js, architecture and how professional teams ship software.
Stop Reaching for useEffect by Default: 5 Effects You Can Delete Today
Half the useEffects in a typical React codebase can be deleted. Here are the 5 patterns I remove most often in code review, and what replaces them.
From Commit Zero, Part 1: What Industry-Level Project Setup Actually Means
The first part of a 14-part series on how professional teams set up a project, from the first commit to the first release: tooling, Git hooks, branching, CI, dependencies and releases.
Stop Blaming Next.js for Slow Pages: Where Your HTML Gets Rendered Is the Real Performance Question
Most slow Next.js pages aren't a framework problem. They're a rendering decision. A breakdown of SSG, SSR, ISR, CSR and PPR, and when to reach for each one, route by route.
Stop Choosing Next.js for Everything: The Case for Architecture-First Engineering
Every few years the web ecosystem converges on a single framework and treats it like a universal solution. Why architecture should come before the framework choice.
Let's Work Together
Have a project in mind? Let's connect! I'm always interested in hearing about new projects and opportunities.
isharaweerasinghe323@gmail.com
Phone
+94 (713) 235 898
Location
Walasmulla, Sri Lanka · Open to on-site, hybrid or remote