My Portfolio

A statically-compiled web app built using Next.js 16 that employs components from Aceternity UI, Namer UI, Codepen, 21st.dev, and React Bits.

Check it out at https://maxim-bortnikov.netlify.app/

Firestore Rules:

If you decide to use this as a template for your own portfolio and want the metrics to work, please follow these steps:

• Run Firestore with rules that don't prohibit anything.

• Create the necessary fields using the MetricsInitializer.tsx component:

• Set the following rules for Firestore:

   service cloud.firestore {
     match /databases/{database}/documents {
       match /data/thirdPortfolio {
         allow read: if false;
         allow update: if isIncrement(resource, request);
         allow create, delete: if false;
       }
     }
   
     // Only allow updates that increment a single existing numeric field
     function isIncrement(resource, request) {
       return request.writeFields.size() == 1 &&
         resource.data[request.writeFields[0]] is int &&
         request.resource.data[request.writeFields[0]] > resource.data[request.writeFields[0]] &&
         request.resource.data.keys().hasOnly(resource.data.keys());
     }
   }
  

Credit

The existence of this portfolio (at least in its current form) wouldn't've been possible without the following:

Resizable Navbar by Aceternity UI

Limelight Nav by EaseMize UI

Chronicle Button by Haaguitos

Wheel Picker by Chánh Đại

React Wheel Picker by Chánh Đại

すりガラスなプロフィールカード by あしざわ - Webクリエイター

Text Rotate by Fancy Components

GSAP (GreenSock Animation Platform)

framer-motion

AnimateIcons

Hero Section 6 by Tailark

Modern Hero Section by Ravi Katiyar

Travel section #tailwind #slick.js by Kristen

Scroll Down Icon Animation by Tsukasa Aoki

i18next

Lucide React

Phosphor Icons

tabler-icons-react

Gooey Text Morphing by Victor Welander

Morphing Text by Magic UI

Text scroll and hover effect with GSAP and clip by Juxtopposed

Fill Text with Image Using CSS by Ezekiel Japheth Ayuba

firebase-js-sdk by firebase

Letter Glitch by React Bits

Decrypted Text by React Bits

Silk by React Bits

Animated Testimonials by Aceternity UI

Text Reveal Animation by Swati Parge

Bento Grid by Aceternity UI

Profile Card Testimonial Carousel by Arunachalam

Custom Checkbox by Edil Ozi

チェックしないと押せないボタン by あしざわ - Webクリエイター

Cards with inverted border-radius #scss by Kristen

Input Floating Label animation by Elpeeda

Inverted border-radius using CSS mask II by Temani Afif

Accordion by Molecule UI

JTB studios - Link by Nico

Hover Link Animation by Ruben

Multi Colored Text with CSS by Shireen Taj

404 galaxy not found by Rémi Denimal

react-three-fiber by Poimandres

BUTTONS by TAYLOR

Perplexity

Google AI Studio

Kippo Hover Card Effect by Hyperplexed

Color Picker by Trevor McIntire

vue-color-wheel by Robert Shaw

Elastic Div by Juxtopposed

Electric Border by Bálint Ferenczy

Electric Border (iOS Safe) by Bálint Ferenczy

Splashed Toast Notifications - CSS by Josetxu

Push Notifications by Florin Pop

Daily UI#011 | Flash Message (Error/Success) by Julie Park

Neon Button by Thea

AI Image Generator by Red Panda AI

Pollinations

Grok Imagine

Glowing Effect by Aceternity UI

Draggable Card by Aceternity UI

GradientGen by noegarsoux

Tranquiluxe by UVCanvas

Balatro Background Shaders by xxidbr9

Voronoi - distances by iq