Hi, I'm Bartosz Trusiński Front-End Developer

I'm a passionate Front-End Developer with a love for building sleek, user-friendly web applications.

I specialize in creating beautiful and performant websites using modern technologies like React, TypeScript, Next.js, and Astro. I'm also open to exploring back-end development to build end-to-end solutions. Let's collaborate and create amazing user experiences.

Get in Touch

About Me

I'm a Front-End Developer with a strong passion for problem-solving and a keen eye for detail. My focus is on building blazing fast, robust and responsive websites, that provide users with seamless experiences. I enjoy using cutting-edge technologies and continuously learning to enhance my skills.

With 2 years of experience in front-end development, I have contributed to various open-source projects and worked with frameworks like React, Next.js, and Astro. I also enjoy working with back-end technologies and have experience with Node.js, Express and databases like PostgreSQL and MongoDB.

I believe in continuous improvement and am always looking for new ways to grow and contribute to the tech community. When I'm not coding, you can find me diving deep into the wonders of astrophysics or enjoying beautiful iconic and high-performance cars.

Skills

Technologies and tools I use to build amazing web experiences

Front-End

  • React
  • JavaScript
  • TypeScript
  • Next.js
  • Astro
  • Tailwind CSS
  • Shadcn/UI

Back-End

  • Node.js
  • Express.js
  • Prisma ORM
  • Drizzle ORM
  • PostgreSQL
  • MongoDB

Tools

  • Git
  • Webpack
  • Zod

Projects

Take a look at some of the projects I've worked on. They showcase my skills and passion for building functional and user-friendly applications

  • Basic Auth logo Basic Auth

    Basic Auth app thumbnail

    Secure, extensible and ready-to-use auth solution for Next.js, built from scratch with emphasis on security and best practices

    Tech Stack

    • Next.js
    • React
    • TypeScript
    • Tailwind CSS
    • Drizzle ORM
    • PostgreSQL
    • Resend
    • React Email
    • Zod
    • OTPAuth

    Features

    • Credential-based Login & OAuth 2.0 (Google, GitHub, Discord)
    • Sign Up with mandatory email verification
    • Secure, cookie-based session management
    • Middleware-protected routes and Role-Based Access Control (RBAC)
    • Two-Factor Authentication (TOTP) with QR code setup and backup codes
    • Optimal and secure Database with Pepper, Argon2 hashing, AES-256-GCM encryption, prepared statements and transactions
    • Log Out Everywhere to invalidate all active sessions
    • Modern email templates with React Email
  • Chirper logo Chirper

    Chirper app thumbnail

    Social media web application inspired by Twitter. Create posts, follow others and explore with a variety of features like infinite scrolling and search filtering

    Tech Stack

    • React
    • TanStack Query
    • TanStack Router
    • TypeScript
    • Sass
    • React Hook Form
    • React Hot Toast
    • Axios
    • Webpack
    • SWC
    • Zod
    • Node.js
    • Express.js
    • MongoDB
    • Mongoose ODM
    • JWT

    Features

    • Post, like, delete and reply to Chirps
    • Manage user accounts - create, edit, and follow
    • Scrollable feed with infinite scrolling
    • Explore all Chirps and filter results on the search page
    • View created or liked Chirps
    • Responsive design with light/dark mode
    • Notifications and data caching with optimistic updates
    • Authentication and authorization
    • Client and server-side validation
  • TX Store logo TX Store

    TX Store app thumbnail

    Modern e-commerce Next.js platform. 🚧WIP🚧

    Tech Stack

    • Next.js
    • React
    • TypeScript
    • Shadcn/UI
    • Tailwind CSS
    • Prisma ORM
    • PostgreSQL

    Features

    • Product listing with images, price, and description
    • Individual product detail page
    • Responsive, modern layout
    • Sample data and Prisma seeding for products
  • Just Cook logo Just Cook

    Just Cook app thumbnail

    Mobile-first recipe app to create, browse and share recipes with shopping cart for ingredients. Developed in collaboration with a team of colleagues. 🚧WIP🚧

    Tech Stack

    • Next.js
    • React
    • TypeScript
    • Shadcn/UI
    • Tailwind CSS
    • React Hook Form
    • Prisma ORM
    • PostgreSQL
    • Auth.js
    • next-intl
    • Cloudinary
    • Resend
    • Zod

    Features

    • Browse recipes by categories
    • Full-text search and filtering
    • View and manage a shopping cart with recipe ingredients (individually or in bulk)
    • Create and share your own recipes
    • Multi-language support (i18n)
    • Authentication
    • Mobile-first, PWA design
    • In-app notifications
  • Yelp Camp logo Yelp Camp

    Yelp Camp app thumbnail

    Campsite sharing web app. Discover, review, and share campgrounds with a global community

    Tech Stack

    • EJS
    • Node.js
    • Express.js
    • MongoDB
    • Mongoose ODM
    • Redis
    • Joi
    • Bootstrap
    • Mapbox
    • Cloudinary
    • Resend
    • Passport
    • date-fns
    • Multer

    Features

    • Create, edit, and delete campgrounds
    • Create, edit, and delete user accounts
    • Campground reviews with rating system
    • User profiles displaying their campgrounds
    • Detailed campground pages with map, reviews, and up to 3 images
    • World map with all campground locations
    • Pagination and responsive design
    • User account email verification and password reset
    • Contact form with email sending
    • Authentication and authorization
    • Input validation, sanitization, and data encryption
    • Layered rate limiting
  • 🚀 Astro Blog

    🚀 Astro Blog app thumbnail

    Minimalist blog about astronomy and astrophysics. It serves as a personal space to share thoughts about the cosmos

    Tech Stack

    • Astro
    • React
    • TypeScript
    • CSS
    • Markdown

    Features

    • Content-driven with Astro Content Collections for Markdown posts
    • Dark and light mode with persistent theme
    • Smooth page transitions with Astro View Transitions API
    • Image optimization using astro:assets
    • Responsive design for all devices
  • Portfolio logo Portfolio

    Portfolio app thumbnail

    Modern, accessible and fast portfolio that you are currently on

    Tech Stack

    • Astro
    • TypeScript
    • Tailwind CSS
    • Markdown

    Features

    • Responsive, mobile-first design
    • SEO-friendly and highly performant
    • Smooth animations and interactivity
    • Progressive enhancements, fully functional without JavaScript
    • Adapts to user motion preferences
    • Accessibility-focused
  • Color Guessr

    Color Guessr app thumbnail

    Vibrant web game where you test your color perception by matching colors to their corresponding RGB codes

    Tech Stack

    • SolidJS
    • TypeScript
    • Tailwind CSS
    • daisyUI
    • Vite

    Features

    • Color guessing gameplay where you match RGB codes to colors
    • Multiple difficulty levels
    • Score tracking and persistent high score
    • Themeable UI with multiple themes
    • Responsive design for desktop and mobile
  • Wordle

    Wordle app thumbnail

    Wordle clone with classic gameplay - guess a five-letter word in six tries

    Tech Stack

    • Preact
    • TypeScript
    • Styled Components
    • Vite

    Features

    • Interactive on-screen and physical keyboard control
    • Animated board with reveal, shake, pop, and bounce effects
    • Color-coded feedback for correct, present, and absent letters
    • Game status feedback with toast notifications
    • Random daily solution from a curated word list
    • Fully responsive and mobile-friendly design
  • CO2 Emissions Explorer

    CO2 Emissions Explorer app thumbnail

    Interactive web app to visualize, explore and compare carbon dioxide emissions data from around the world

    Tech Stack

    • TypeScript
    • D3.js
    • TopoJSON
    • Vite
    • CSS

    Features

    • Interactive world map to visualize CO2 emissions for each country
    • Switch between total emissions and emissions per capita
    • Yearly data slider to see how emissions change by year
    • Country-specific histogram for emission trends
    • Pie chart showing emission distribution by continent
    • Hover tooltips with detailed information
  • Tic Tac Toe

    Tic Tac Toe app thumbnail

    Arcade-style Tic Tac Toe game with ability to time travel through moves

    Tech Stack

    • React
    • TypeScript
    • Tailwind CSS
    • Vite

    Features

    • Classic 2-player Tic Tac Toe gameplay
    • Interactive move list with ability to jump to previous moves
    • Responsive and modern arcade-style UI
    • Color-coded player pieces and moves
    • Animated game-over

Contact

Feel free to get in touch with me for job opportunities, collaborations or just to say hi!

Enter your message below or email me directly at bartosz@trusinski.dev