Skip to content

Tim Machnacki

Frontend Software Engineer

Lake Orion, MI

Write me an "about" section for my frontend software engineer portfolio without using any jargon or buzzwords, like "passionate".

Portrait of Tim Machnacki
OpenAI icon

I build things for the web.

Skills

  • Typescript

    Less bad javascript

  • React

    UI framework (not library)

  • Tailwind CSS

    Utility-first CSS framework

  • shadcn/ui

    Components

  • Next.js

    Fullstack React framework

  • Astro

    Server-first web framework

  • Convex

    Real-time TS backend

  • Firebase

    Backend as a service

  • Node.js

    JavaScript runtime

  • Stripe logo

    Stripe

    Payment processing

  • Vercel

    Hosting

  • Figma.logoCreated using Figma

    Figma

    UI/UX design tool

Experience

  1. Mar. 2023 - Present

    Signs365

    Frontend Software Engineer · Full-Time

    Leading frontend architecture and development of new v5 site using React 19, Tanstack (React) Query, React Router v7, and Zod. Designed and implemented a new t-shirt ordering interface, developing 35+ reusable and accessible UI components using React, TypeScript, and Tailwind CSS, while maintaining documentation through Storybook for team-wide adoption. Work with backend engineers, designers, and management to develop and maintain application features.

    • TypeScript
    • React
    • Tailwind CSS
    • JavaScript
    • jQuery
    • SCSS
    • Node.js
    • Cypress
    • Storybook
    • Git
    • Figma
  2. Aug. 2023 - Present

    Recruiting Arena startup

    Web Developer · Freelance

    Led the design and development of 8 responsive pages in a multi-page application through close collaboration with backend leads and primary stakeholders, additionally creating 2 high-fidelity Figma prototypes for profile and messaging features to drive future development. Currently in alpha testing with 100+ student-athletes across two high schools.

    • Astro
    • Javascript
    • HTML
    • Tailwind CSS
    • DaisyUI
    • Figma
  3. April 2023

    Buy My Spot

    React Native Developer · Contract

    Delivered a streamlined five-step user onboarding experience in collaboration with design leadership, implementing progressive multi-step form validation to enhance new user activation.

    • Typescript
    • React Native
    • Tailwind CSS
    • Expo

Projects

  1. A podcast streaming platform featuring light and dark modes, responsive design, subscription payments, real-time database updates, audio playback controls, multi-voice AI text-to-speech generation, and more.

    • TypeScript
    • React
    • Next.js
    • Tailwind CSS
    • shadcn/ui
    • Convex
    • Clerk
    • Stripe
    • Unreal Speech AI
    • Vercel
    Podvex home page screenshot
  2. A social media platform featuring light and dark modes, responsive design, and real-time messaging. Users can create and edit posts, follow others, tag friends, add comments, send messages, and more.

    • TypeScript
    • React
    • Tailwind CSS
    • shadcn/ui
    • Zustand
    • React Router
    • Firebase
    • Vite
    • Vercel
    ShareBase home page screenshot
  3. Portfolio V2

    You're already here! Take a look around. Built by yours truly in Visual Studio Code with accessibility in mind.

    • 100

      Performance

    • 100

      Accessibility

    • 100

      Best Practices

    • 100

      SEO

    • TypeScript
    • Astro
    • React
    • Tailwind CSS
    • Vercel
    Portfolio V2 home page screenshot

Interests

More About Me

Other than coding like a hermit, I enjoy music production, weight-lifting, sports (go Lions), fantasy football, fishing, water-skiing, hiking, Christopher Nolan movies, and dogs.

Tim Machnacki playing lacrosse Tim Machnacki