I focus on UI/UX design, compliance with WCAG 2.2 accessibility standards, client vs server side rendering, SEO optimazation with Ahref/Semrush crawlers, Google Search Console/Analitics monitoring.
Tech stack:
- Figma for wireframing and designing, Figma MCP
- MERN: MongoDB, Express.js, React, and Node.js
- Next.js
- TypeScript
- Tailwind CSS
- Jest for unit testing
- Prisma for database modeling
- MongoDB/PostgreSQL for databases
For deployment i use platforms such as Vercel, Firebase, Render (for some backends), and GitHub Pages.
- 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.