Portfolio

React · JavaScript

MyFlix

Role: Design & Development

Tech: React · JavaScript · React Router · React Bootstrap · Prop-Types · Parcel · Netlify

Description: MyFlix Client is a sleek, single-page web app (SPA) for movie enthusiasts, built with React as part of a MERN stack. It connects to the custom-built myFlix API to provide users with a seamless experience—browsing movies, viewing details, managing their profile, and curating a list of favorites. Users can sign up, log in, update their info, and search for films with ease. The app is designed with React Router, Bootstrap, and Parcel, ensuring a smooth UI and performance. Prop-Types is used for type-checking props, enhancing code reliability and maintainability. Deployed on Netlify, it showcases modern client-side development practices.

Source

Live

Demo Account: Username - testuser01, Password - testpassword01

Angular · TypeScript

SeaFlix

Role: Design & Development

Tech: Angular · TypeScript · AngularCLI · Angular Material · GitHub Pages

Description: SeaFlix is a dynamic, Angular-based web app for movie lovers, built as part of a MEAN stack. It connects to the myFlix API to offer users a seamless experience—browsing movies, viewing details on genres and directors, managing their profile, and curating a favorites list. With Angular Material and custom SCSS, the UI is sleek and responsive. Users can sign up, log in, search for films, update their info, and delete their account. Built with TypeScript, it leverages directives, generics, static typing, and data binding to ensure a scalable and maintainable architecture.

Source

Live

Demo Account: Username - testuser01, Password - testpassword01

Node.js · Express · MongoDB

Movie API

Role: Design & Development

Tech: Node.js · Express · MongoDB · Postman · JSON · Morgan · UUID · Body Parser · Mongoose · Passport · JWT · Bcrypt · CORS · Express Validator · Heroku · MongoDB Atlas

Description: myFlix API is a RESTful server-side application that provides movie enthusiasts with access to detailed information on films, genres, and directors. Built with Node.js, Express, and MongoDB, it allows users to sign up, update their profile, and manage a list of favorite movies. The API ensures security with JWT authentication, password hashing, and input validation, while CORS support enables seamless client integration. Fully documented with JSDoc, it follows best practices in routing, authentication, and data management. Deployed on Heroku and MongoDB Atlas, myFlix API is a robust foundation for movie-related applications.

Source

Docs

React · PWA

Meet

Role: Design & Development

Tech: React · PWA · Serverless · AWS Lambda · Jest · React Testing Library · Google Calendar API · Google OAuth2 · Lighthouse · Recharts · Atatus · GitHub Pages

Description: Meet is a serverless, progressive web app (PWA) that helps users discover upcoming events in their selected city. Built with React and developed using test-driven development (TDD), it integrates with the Google Calendar API for real-time event data. Users can filter events by city, specify event count, view event details, and use the app offline. Featuring interactive charts and home screen shortcuts, Meet delivers a smooth and accessible experience. Powered by AWS Lambda, Jest, and Recharts, it follows best practices in TDD, functional programming, and performance optimization.

Source

Live

Note: To see the whole app's content, logging in is required through your Google account.

React Native · Firebase

Chat Chime

Role: Design & Development

Tech: React Native · Firebase · GiftedChat · React Navigation · React Native Maps · Expo · Expo Go · Android Emulator

Description: Chat Chime is a React Native chat app designed for seamless communication on mobile devices. It offers a real-time chat interface powered by Gifted Chat, allowing users to send messages, share images, and share their location. Users can customize their chat experience by choosing a background color before joining. Messages and media are securely stored in Google Firebase (Firestore & Storage), ensuring both online and offline accessibility. Built with Expo, React Navigation, and React Native Maps, Chat Chime leverages native device features for an intuitive and engaging user experience.

Source

Demo

HTML · CSS · JavaScript

Pokédex

Role: Design & Development

Tech: HTML · CSS · JavaScript · Bootstrap · Prettier · ESLint · GitHub Pages

Description: The Pokédex App is a simple and interactive Pokémon collection that fetches data from an external API. Users can browse a list of Pokémon, and clicking on a Pokémon card opens a modal with detailed information. Built with HTML, CSS, and JavaScript, the app uses Bootstrap for styling and fetch API for asynchronous data retrieval. Designed with clean UI patterns and efficient DOM interactions, it offers a smooth and engaging experience for Pokémon fans.

Source

Live

Hello, I'm

Veronika

About Me

Full-Stack Developer · Apps & Automation · Cybersecurity Practitioner · Tech Lover

My Quick Resume

HTML

CSS

JavaScript

React

React Native

Angular

Bootstrap

TypeScript

Node JS

Express

Python

MongoDB

REST

API

SQL

Firebase

Google Apps Script

Python Scripting

Webhooks

Splunk SOAR (aka Phantom)

Microsoft Power Automate

Networks (ISO/OSI, protocols, IDS/IPS, firewall, VPN, routing & switching)

Operating Systems (Windows, macOS, iOS)

JSON, XML

HTTP(S), DNS, TCP, IP, SSH, FTP, SMTP

Incident Response

Digital Forensics

SIEM (Splunk)

EDR (MDE, Digital Guardian)

Log Analysis

SOAR

Detection Development

MITRE ATT&CK

Cyber Kill Chain

OSINT

Cyber Threats

Email Analysis/Phishing

Security Engineer

Senior Security Analyst

Security Analyst

Professional Certificate in Full-Stack Web Development

Master's Degree in IT Management

Bachelor's Degree in Informatics

Portfolio

MyFlix

MyFlix

SeaFlix

SeaFlix

Movie API

Movie API

Meet

Meet

Chat Chime

Chat Chime

Pokédex

Pokédex

Contact Me

Social Info

Let's talk.