AboutProjectsExperinceContact

Dynamic Web Magic with Next.js

Transforming Concepts into Seamless User Experiences

Hi, I'm Marija, a React Developer based in Finland.

/portfolio/b1.svg
I prioritize client collaboration, fostering open communication
I'm very flexible with time zone communications
I constantly try to improve
My tech stack
JavaScriptReactJSTypescript
ExpressPostgreSQLGSAP
/portfolio/grid.svg
/portfolio/b4.svg
Tech enthusiast with a passion for development.
/portfolio/b5.svg
/portfolio/grid.svg
The Inside Scoop
Diving into React Native for mobile development
Do you want to start a project together?

A small selection of recent projects

bg-img
Animated Apple Iphone 3D Website

Animated Apple Iphone 3D Website

Recreated the Apple iPhone 15 Pro website, combining GSAP animations and Three.js 3D effects..

/portfolio/react.svg
/portfolio/tail.svg
/portfolio/js.svg
/portfolio/three.svg
/portfolio/gsap.svg

Check Live Site

/apple_website/
bg-img
Brainwave - AI Landing Page

Brainwave - AI Landing Page

Modern and responsive AI startup landing page built with Next.js, Framer Motion, and TailwindCSS.

/portfolio/react.svg
/portfolio/tail.svg
/portfolio/js.svg
/portfolio/ts.svg

Check Live Site

/brainwave/
bg-img
YC Directory – Startup Pitch Platform

YC Directory – Startup Pitch Platform

A modern platform built with Next.js 15 and React 19 for entrepreneurs to pitch, browse, and explore startup ideas. Features include GitHub login, live content API, pitch submissions, search, and Editor Picks — all in a clean minimal UI.

/portfolio/react.svg
/portfolio/next.svg
/portfolio/shad.svg
/portfolio/sanity.svg
/portfolio/tail.svg
/portfolio/ts.svg

Check Live Site

https://startupsdirectory.vercel.app/
bg-img
GSAP City Animation

GSAP City Animation

A scroll-driven cityscape built with plain HTML, CSS, and JavaScript, powered by GSAP and its ScrollTrigger plugin.

/portfolio/js.svg
/portfolio/gsap.svg

Check Live Site

/gsap_city_animation/
bg-img
Interactive 3D Butterfly Animation

Interactive 3D Butterfly Animation

An interactive 3D butterfly animation built using Three.js, GSAP and JavaScript. It features a .glb 3D model, creating a visually engaging experience.​

/portfolio/js.svg
/portfolio/three.svg
/portfolio/gsap.svg

Check Live Site

/3D_butterfly_animation/
bg-img
Animated 3D Image Slider

Animated 3D Image Slider

Stunning 3D image slider with 3-dimensional auto-rotations — using pure CSS.

Check Live Site

/3D_image_slider/
bg-img
Interactive 3D Parallax Header

Interactive 3D Parallax Header

Stunning interactive 3D parallax lens effect with Glassmorphism popup — using CSS & JS.

Check Live Site

/parallax_3d_lens_effect/
bg-img
Interactive 3D Parallax Header

Interactive 3D Parallax Header

Stunning interactive 3D parallax scroll effect — using CSS & JS.

Check Live Site

/parallax_3d_scroll_effect/
bg-img
Animated 3D Image Slider

Animated 3D Image Slider

Stunning 3D product viewer demonstrates smooth three-dimensional space.

Check Live Site

/3D_rotation_effect/
bg-img
Animated 3D Cube Product Viewer

Animated 3D Cube Product Viewer

3D product viewer with interactive controls, glass effects, and auto-rotations — using pure CSS.

Check Live Site

/3d_cube/
bg-img
Cat Energy - proper cat nutrition

Cat Energy - proper cat nutrition

A site to browse and book escape room games with a date and time picker and live availability checks.

Check Live Site

https://mashakrot.github.io/cat-energy-public/build/index.html
bg-img
Escape Room - booking quest rooms

Escape Room - booking quest rooms

A fun one‑page site about cat nutrition, with scroll-triggered reveals and smooth entry animations.

Check Live Site

https://mashakrot.github.io/escape-room-english/build/main.html

My work experience

My approach

Planning & Strategy

We'll collaborate to map out your website's goals, target audience, and key functionalities. We'll discuss things like site structure, navigation, and content requirements.

Development & Progress Update

Once we agree on the plan, I cue my lofi playlist and dive into coding. From initial sketches to polished code, I keep you updated every step of the way.

Development & Launch

This is where the magic happens! Based on the approved design, I'll translate everything into functional code, building your website from the ground up.