Skip to content
View tecna-developer's full-sized avatar

Block or report tecna-developer

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
tecna-developer/README.md

Anna Tolstoukhova

Frontend developer based in Tallinn, Estonia.

I build clear, responsive websites and help small businesses automate the routine — enquiries, emails, spreadsheets. Most of what is here is written without a framework: semantic HTML, modular SCSS and vanilla JavaScript, with Vite or Gulp where a build step earns its place.

Open to freelance work.

Portfolio · Email · LinkedIn


Featured projects

WaterPoint Tallinn

WaterPoint Tallinn

An installable PWA for finding public drinking water points in Tallinn. Pulls 78 real locations live from the Tallinn GIS ArcGIS REST service, falls back to the last successful snapshot when the service is down, and caches the app shell in a service worker so the list and point cards stay available offline.

Map and list share one result set; markers separate status by colour and glyph. Geolocation sorts by distance and degrades to manual search when permission is refused. Search covers districts, addresses and online geocoding via Nominatim. Routing deep-links into Apple Maps on iOS and Google Maps elsewhere. Interface in Estonian, English and Russian.

Leaflet · Vite · vanilla JS · service worker · localStorage

Live demo · Code

Oculus

Oculus landing page

A Meta Quest 2 landing page with no dependencies and no build step. Every layout — navbar, feature tabs, games row, the "In the box" mosaic — is CSS Grid rather than floats or positioning, responsive down to 320px across seven breakpoints.

The dark theme follows prefers-color-scheme and is driven by four semantic custom properties, so switching themes means overriding variables rather than hunting individual rules. The tabs are a proper tablist / tab / tabpanel structure with aria-selected, roving tabindex and arrow / Home / End keyboard navigation.

HTML · CSS Grid · CSS animations · vanilla JS · accessibility

Live demo · Code

Warm Heart

Warm Heart storefront

A responsive storefront for a blanket shop: home, catalog, product page and cart. Built on Vite with a modular SCSS architecture (base / blocks / ui / helpers, BEM naming) and six small vanilla JS modules — cart state, catalog view switching, product detail, quick add and the slider.

Images ship as AVIF with responsive sizes; PostCSS converts px to rem across the build.

Vite · SCSS · BEM · vanilla JS · Swiper

Live demo · Code


Also live

Project What it is Stack
Ceramic Soul Multi-page site for a ceramics studio Vite · SCSS · JS
Monovision Studio Photography studio landing page Vite · CSS · JS
Gaming Club Game store page laid out with CSS Grid Gulp · SCSS · CSS Grid
Ballons Hot-air balloon tours over old Tallinn SCSS · HTML · CSS
Burger House Burger restaurant landing page HTML · CSS · JS
GB-store Five-page fashion store front-end HTML · CSS

Stack

Markup and styling — semantic HTML5, CSS Grid, Flexbox, SCSS, BEM, responsive and mobile-first layouts, prefers-color-scheme theming, accessibility (ARIA, keyboard navigation)

JavaScript — vanilla ES6+, DOM APIs, Geolocation, localStorage, service workers and PWA manifests, Leaflet, Swiper; TypeScript on smaller projects

Tooling — Vite, Gulp, PostCSS, npm, Git, GitHub Actions and Pages, Vercel

Also — WordPress and WooCommerce, and automating everyday small-business processes


Contacts

Pinned Loading

  1. waterpoint-tallinn waterpoint-tallinn Public

    Installable PWA for finding public drinking water points in Tallinn: live Tallinn GIS data, map and list, walking routes, offline cache, ET/EN/RU.

    JavaScript

  2. WH WH Public

    Warm Heart - responsive e-commerce storefront: catalog, product page and cart. Built with Vite, modular SCSS (BEM) and vanilla JS.

    HTML

  3. ceramic ceramic Public

    Ceramic Soul - multi-page site for a ceramics studio. Vite + SCSS, mobile-first, animated transitions.

    HTML

  4. monovision-studio monovision-studio Public

    Monovision Studio - landing page for a photography studio. Vite build, responsive down to mobile.

    CSS

  5. oculus oculus Public

    Responsive Meta Quest 2 landing page: CSS Grid layout, dark theme via prefers-color-scheme, keyboard-accessible tabs. No frameworks, no build step.

    HTML

  6. ballons ballons Public

    Ballons - landing page for hot-air balloon tours over old Tallinn. SCSS build, responsive.

    SCSS