[go: up one dir, main page]
Skip to content
View karpolan's full-sized avatar
❤️
React + Node
❤️
React + Node
160 followers · 399 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 karpolan

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
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 22 3

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

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

    TypeScript 24 14

  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 11

  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.