Skip to content
View karpolan's full-sized avatar
❤️
React + Node
❤️
React + Node
150 followers · 387 following

Achievements

Achievement: Pair ExtraordinaireAchievement: QuickdrawAchievement: YOLOAchievement: StarstruckAchievement: Pull Sharkx3Achievement: Arctic Code Vault Contributor

Achievements

Achievement: Pair ExtraordinaireAchievement: QuickdrawAchievement: YOLOAchievement: StarstruckAchievement: Pull Sharkx3Achievement: Arctic Code Vault Contributor
Block or Report

Block or report karpolan

Report abuse

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

Report abuse
karpolan/README.md

Hi, I am Anton Karpenko, but everyone calls me KARPOLAN

Being an aerospace engineer by education, I always worked in software development, electronic engineering, and businesses around information technologies.

I know everything about nothing :)

  • 🔎 I’m looking to collaborate on commercial projects and startups
  • ❤️ I prefer React with Material UI on frontend and NestJS with MongoDB and/or PostgreSQL on backend
  • 💬 Feel free to ask me about everything
  • 📗 I worked for Upwork - NASDAQ:UPWK
  • 💰 I worked for Deel - 12x 🦄 Startup
  • 📺 I worked for Restream - 🦄 Startup
  • 🏆 Fun fact: I'm back to engineering after 15 years of business career 😉

Pinned Loading

  1. react-mui-vite-ts react-mui-vite-ts Public template

    Starter project for Vite with React + MUI using TypeScript

    TypeScript 12 1

  2. nextjs-mui-starter-ts nextjs-mui-starter-ts Public template

    Starter template for Next.js with App Router + Material UI + TypeScript

    TypeScript 23 12

  3. umka-co/nextjs-website-starter umka-co/nextjs-website-starter Public template

    Template for Static Generated Website (SSG), with Common components, Analytics and Advertisement, Contact form, and different Layouts, Legal pages, and so on.

    TypeScript 9

  4. Prettier config for React App Prettier config for React App
    1 
    module.exports = {
    2 
      printWidth: 120, // max 120 chars in line, code is easy to read
    3 
      useTabs: false, // use spaces instead of tabs
    4 
      tabWidth: 2, // "visual width" of of the "tab"
    5 
      trailingComma: 'es5', // add trailing commas in objects, arrays, etc.
  5. React useIsMobile() hook compatible ... React useIsMobile() hook compatible with Next.js SSG/SSR
    1 
    'use client';
    2 
    import { useEffect, useState } from 'react';
    3 
    import { useMediaQuery } from 'react-responsive';
    4 
    
              
    
              
    
                5
                
    export const IS_SERVER = typeof window === 'undefined';
    
              
    
          
    
    
    
  
    

    6. 

      

  6. 
  
    
    
    
      
    
        
        
          React with Next/SSR/SSG, useful .onM...
React with Next/SSR/SSG, useful .onMobile or .onDestop class selector to apply different CSS styles      
    

          
    
              
    
                1
                
      // In main App or Layout component add following:
    
              
    
              
    
                2
                
    
              
    
              
    
                3
                
      const isMobile = useMediaQuery({ maxWidth: 767 }); // From react-responsive, Material UI or other styling library
    
              
    
              
    
                4
                
    
              
    
              
    
                5
                
      useEffect(() => {
    
              
    
          
    
    
    
  
    

    7.