Hi, I'm Martin

Budget application for tracking income and expenses. It supports various currencies, multiple wallets, several statistics, charts, graphs and more.

Includes:

Social (Google, Facebook) and custom JWT authentication with use of refresh tokens (stored as http-only cookie) and access tokens (stored only in-memory as variable).

Custom made reusable components like Modals, Dropdowns, Select, Carousel, Portal, Toast, Inputs, Buttons and more - mostly without use of any third-party libraries.

Server-state management with React-query, fetching data via custom fetch wrapper with retry functionality to refresh access tokens, React-Context for client-side state management, Immer to help with immutability.

Features like images upload, data filtering, charts, pagination, light/dark theme and more.

Localization (with i18next), SSG and SSR, styled components for styling, react-hook-form for forms.

Next.js API routes for REST API and MongoDB as database.

If you would like to try the app without creating an account, you can try demo, altough you won't be able to add or edit any data.

IMDB-like movie and TV shows database with searching, watchlist, random movie/show generator, movie details, actors, ratings and more.

Developed with Typescript and Next.js while using external REST API for getting data. State management is done with help of React-Context. Also includes features like infinite scrolling, searching based on movie title, adding/removing movies from watchlist, option to filter by top/trending, video-trailers and more.

Website for client's blacksmith shop featuring large list of projects with an option to filter them. The website is static generated and highly optimized for performance and good search engine results.

It is developed with GatsbyJS, GraphQL and Contentful as headless CMS.

Portfolio website for pedicure company. Created with React and Next.js. Lazy loading and custom image optimization were used to improve web performace.

Website for a plumbing and construction company. Technologies to build the website include: React, hooks & context, GraphQL for data fetching, Gatsby for static site generation, Contentful as a Headless CMS and Sass modules for styling.

Website for client's winery. To increase performance, website features custom lazy-loading. Website is coded with html, sass and vanilla javascript.