Sergei Petrov - Personal Website

A modern, responsive personal website and web development toolkit built with React, TypeScript, and Tailwind CSS.

🌐 Visit

spweb.dev or petrovsergei.com

✨ Features

• Home Page: Personal profile and links page
• Learning Resources: Curated collection of web development learning materials
• Code Formatter: Universal formatter supporting popular code formats including:
  • JavaScript/TypeScript
  • URL query strings
  • HTML/CSS
  • JSON
  • XML
• Timestamp Tool: Convert and compare dates and Unix timestamps
• Bulk Link Builder: Generate lists of hyperlinks from templates

🛠️ Tech Stack

• React - Frontend Framework (running latest React 19 with React Compiler enabled)
• TypeScript - Type safety
• Vite - Build tool and bundler for React
• TanStack Router - Modern type-safe router for React
• TailwindCSS - Utility-first CSS framework
• shadcn/ui - React component library based on TailwindCSS and Radix UI
• React Syntax Highlighter - Code syntax highlighting for React. Used for the code formatter app.
• JSON Repair - Repair invalid and incomplete JSON. Used for the code formatter app.
• Prettier - Code formatting. Used during development and in the client browser for the code formatter app.
• ESLint - Code linting. Includes plugins for React and TailwindCSS.