Jana TrpkovskaGitHub

Creative Developer | AI + Web · Full-Stack Web Applications

Jana Trpkovska

I'm a creative developer building full-stack web applications — from the interface to the business logic behind it — and integrating AI where it genuinely helps.

About

I'm early in my career, and I like to work across the whole stack: frontend, server logic and databases. I'd rather build a practical system end to end than a UI demo on its own. Lit Candle, a small business I run myself, gave me real workflows (orders, inventory, customer communication) to turn into software, and the same habit carries into hackathons and university projects.

AI shows up in my work in two ways. In some products it is a feature: RoadWatch detects vehicles with computer vision, and Evidence AI, our hackathon entry, drafts replies that cite their sources. In the rest it is a tool that speeds up how I build, always with me reviewing and testing the result.

How I work

  1. Start from a real problem or idea
  2. Prototype with AI assistance
  3. Read and understand the generated implementation
  4. Integrate it into the application
  5. Debug and test
  6. Iterate

I use AI to accelerate development while staying responsible for understanding, testing, and improving the implementation.

Selected Projects

Things I've built and can walk you through

Lit Candle — main screenshot
Lit Candle — screenshot
Lit Candle — screenshot
Lit Candle — screenshot
Lit Candle — screenshot

Real small business I own — handmade candles

Lit Candle

A full storefront and admin system built around how my own candle business actually runs: products, custom scents and colors, made-to-order stock, orders, and customer communication. Built solo, from database schema to UI.

My role — Designed and built solo — database schema, business logic, storefront, admin tools, and the automated test suite.

  • Public storefront plus a protected admin area covering products, taxonomy, scents, colors, and bulk editing
  • Order status changes go through a fixed transition table enforced on the server, not just hidden or shown in the UI
  • Bouquets are a dedicated product type with their own sizes, pricing, and box inventory — not assembled from other catalog items
  • Order confirmation never depends on email succeeding: the order is committed to the database first, email sent after
  • Built out an automated test suite covering core flows, alongside TypeScript typecheck, lint, and production build checks
Next.js 14TypeScriptReactTailwind CSSPostgreSQLPrismaResend
Evidence AI workspace for ticket TIC-09: an evidence-backed draft reply beside the cited Knowledge Article KB-08 and its supporting quotations
Evidence AI customer tickets page with search, topic filter and sorting, and suggested urgency and topic labels on each ticket

🥉 3rd Place · Solutionade Sprint Hackathon 2026Awarded to our team

Team project — Solutionade Sprint Hackathon, November 2026

Evidence AI

An AI-powered support assistant that drafts customer replies from tickets and Knowledge Articles in Microsoft Dataverse. Each draft cites its sources, and the app verifies that the cited articles and exact quotations exist. When the documentation doesn't cover a question, it says so instead of guessing.

My role — Contributed to UI/UX design decisions, functional testing, and the final live demo and presentation as part of a three-member team.

  • Retrieves live tickets and Knowledge Articles from Microsoft Dataverse and drafts replies with Groq (GPT-OSS-20B)
  • Validates cited sources and exact quotations, and flags when the available information is insufficient
  • Suggests ticket urgency, supports human review and specialist escalation, and saves approved results to Dataverse. Nothing is sent to customers automatically

Case study with real screenshots. The app needs an ASP.NET Core backend, Microsoft Dataverse access and a Groq API key, so there is no public live demo.

ReactTypeScriptC#ASP.NET CoreMicrosoft DataverseGroq API (GPT-OSS-20B)
OpenDataScope North Macedonia page: bar chart comparing theme shares of North Macedonian datasets with the EU portal
OpenDataScope Compare page: side-by-side comparison of North Macedonia, the United Kingdom, the United States and the Netherlands
OpenDataScope homepage showing the research question and key findings
OpenDataScope Methodology and sources page with research question and table of contents

University project — Introduction to Data Science

OpenDataScope

A research and analytics web application comparing North Macedonia's open-data ecosystem with international benchmarks, featuring interactive data visualizations, country comparisons, documented methodology, and reproducible data validation.

My role — Author and developer — research question, data collection and analysis, and the web application.

  • Compares North Macedonia's portal (data.gov.mk) with six national portals, with the EU portal shown separately as an aggregator
  • Interactive charts with chart/table views, plus a Compare page for side-by-side portal comparison
  • Comparisons are labelled Direct, Partial or Context only, because portals count different units
  • Documented methodology, source register, and a fixed, timestamped research snapshot
  • Frozen local CSV data validated at build time, with SHA-256 checksums and downloadable tables
Next.jsReactTypeScriptTailwind CSSRecharts
Mona Mayhem battle between two GitHub users, showing contribution graphs, the winner banner and longest streaks

Retro arcade game — built from the GitHub Copilot Dev Days workshop template

Mona Mayhem

A retro arcade showdown for GitHub contribution graphs: enter two usernames, watch the countdown, and see who has shipped more over the past year. I implemented the full game, including all seven of the workshop's bonus challenges, and deployed it to Vercel.

My role — Built and deployed the full game from the workshop template.

  • Side-by-side contribution graphs with a winner banner, longest-streak calculation and shareable results
  • A server-side API route fetches GitHub contribution data, with input validation, caching, and error and rate-limit handling
  • Sound effects synthesized with the Web Audio API, battle history saved in the browser, and reduced-motion support
AstroTypeScriptVercel
RoadWatch interactive accident-scene editor

University project — interactive scene analysis + computer vision

RoadWatch

An interactive tool for laying out and analyzing accident scenes: a canvas-based editor for placing and adjusting vehicles by hand, connected to a computer-vision backend that can detect vehicles from an uploaded photo and drop them into the same scene automatically.

My role — Built both sides — the frontend scene editor and the Flask/computer-vision backend.

  • Canvas scene editor: place, select, drag, rotate, resize, zoom, and pan vehicles, plus distance measurement and per-vehicle notes
  • Undo/redo history, and scene save/load and image export as JSON and PNG
  • A real Flask /analyze endpoint, called from the frontend with an uploaded image via fetch and FormData
  • YOLOv8 detects vehicles in the photo; OpenCV (Canny edges + PCA) estimates each vehicle's orientation
  • Detected vehicles are converted into the same data structure the manual editor uses, so AI output and manual edits share one scene model

A computer-vision integration and visualization tool, not a certified or legally admissible accident-reconstruction system.

JavaScriptHTML5 CanvasPythonFlaskYOLOv8 (Ultralytics)OpenCV
Puzzle Bloom project logo

Solo 48-hour hackathon MVP

Puzzle Bloom

A safety and wellbeing-oriented, multilingual interactive experience, designed and shipped independently within a 48-hour hackathon window, built and deployed with Bolt.

My role — Solo — product decisions, prototyping, and shipping the MVP within the hackathon deadline.

  • Working, deployed product shipped independently within a 48-hour hackathon
  • Used Bolt's AI-assisted workflow to move from concept to a live product quickly
  • Multilingual interface aimed at making the experience approachable to more people
  • Safety- and wellbeing-oriented product framing, scoped deliberately for a 48-hour build

Source code isn't available for this one — it lives as a deployed Bolt project rather than a separate repository.

Bolt (AI-assisted build & deploy)
Guess the Flag quiz interface

My first AI-assisted project

Guess the Flag

A flag-guessing quiz with difficulty levels, hints, and a live scoreboard. An early AI-assisted project that marked the start of experimenting with faster development workflows — less polished than Lit Candle or RoadWatch, but a real, working app.

My role — Solo, built early in my AI-assisted development experience.

  • Vue 3 + Vite quiz app with Easy/Medium/Hard difficulty levels and a per-round timer
  • Hint system with a cooldown, plus live correct/incorrect score tracking
  • Scores written to and a leaderboard streamed live from Firebase Firestore
  • Player name is captured and stored locally per session — there's no real authentication behind it
Vue 3ViteFirebase (Firestore)

Team Projects

Built with other students

A group university project. What's credited here is specifically my own part, not the team's combined work.

UniVibe

Team project

A student event-discovery platform: browsing and filtering campus events by category, saving events, an AI chatbot assistant, and a scheduled scraper that keeps the event list current. Built by a team of students, each owning different parts of the app.

My contribution — category pages and chatbot functionality — the category browsing UI and the backend chatbot service/controller behind the in-app assistant.
ReactJavaSpring BootPostgreSQL

Skills & Tools

Frontend

JavaScriptTypeScriptReactNext.jsAstroVueAngularTailwind CSSRechartsHTMLCSS

Backend

C#ASP.NET CoreJava (Spring Boot)Node.js / Next.js server actionsPython (Flask)

Data

PostgreSQLPrismaMicrosoft DataverseFirebase / Firestore

AI in the products I build

Groq API (GPT-OSS-20B)YOLOv8OpenCV

AI-assisted development

AI-assisted prototyping & debuggingBolt

Tools & Workflow

GitGitHubVercel

Experience

  • Vendor

    IT Intern

    November 2026 – Present

Education

  • Faculty of Computer Science and Engineering (FINKI), Ss. Cyril and Methodius University in Skopje

    B.Sc. studies in Computer Science and Engineering, Application of Information Technologies (PIT)

    Coursework completed · Bachelor's thesis in progress

    2019 – Present

Contact

Let's talk

The best place to see more of my work right now is GitHub.