About me

Hello there and welcome to my profile. My name is Tom and I love tinkering with the frontend code. I focus on UI/UX design, compliance with WCAG accessibility standards, client‑ vs server‑side rendering, SEO optimization with Ahrefs/Semrush crawlers and Google Search Console/Google Analytics.

My stack includes:

• Figma,
• MERN: MongoDB, Express.js, React, and Node.js,
• Next.js,
• TypeScript,
• Tailwind CSS,
• Jest,
• Prisma,
• MongoDB/PostgreSQL.

For deployment I use platforms such as Vercel, Firebase, Render, GitHub Pages, AWS S3 and Cloudinary for media storage.

Projects (listed top-down, from newest to earliest):

• Chat Room (Next.js App Router) - CRUD messaging web app with Google account for logging in; Next.js 15+, Tailwind CSS, Tanstack (originally React Query -> updated to Tanstack), React Hot Toast, TypeScript, NextAuth.js, Prisma, PostgreSQL,
• Bookmark a Joke (Next.js Pages Router) - CRUD generating jokes web app, jokes can be saved on user's acoounts; Next.js 15+, Tailwind CSS, NextAuth.js, MongoDB,
• Eventsbook - MERN social media web app, users can post images, likes and comments; React.js, Node.js, Express.js, MongoDB, Cloudinary API, Firebase and render.com for deployment,
• E-fashion - MERN online store with shopping cart, checkout and PayPal payment; React.js, Redux, Node.js, Express.js, MongoDB, Uploadcare API, Firebase and render.com for deployment,
• ToDo - React.js, Redux,
• Wordle (copy) - Next.js, TypeScript, Tailwind CSS,
• California Destination - a hotel booking web app; Next.js (Pages Router),
• ToDo - React.js, TypeScript,
• Shopping Card - a simple shop front with a shopping cart; React.js, Redux,
• ToDo - React.js,
• ToDo - vanilla JavaScript,
• ad hoc - trying Bootstrap,
• Visit Japan trying SASS.