Projects

All my works

Each project roughly represents the evolution of tech stacks over the years - from plain HTML-CSS-JS to Full-Stack Frameworks like Next.js.

portfolio-remake

Portfolio Remake

A MongoDB-backed personal portfolio rebuilt with Next.js 16 and React 19.

Live
Portfolio Remake project preview
Next.jsReactTypeScriptTailwind CSS
Open project pageView

trackyourjob

Track Your Job

A Kanban-style job application tracker with customizable boards and drag-and-drop workflow.

Live
Track Your Job application screenshot
Next.jsMongoDBDND KitTypeScript
Open project pageView

wildoasisguest

The Wild Oasis Guest

The customer-facing side of a hotel product, used to learn Next.js, caching, and authentication.

Live
The Wild Oasis Guest screenshot
Next.jsBetter AuthCachingRevalidation
Open project pageView

wildoasis

The Wild Oasis

A hotel management application focused on cabins, bookings, and guests.

Live
The Wild Oasis dashboard screenshot
React QuerySupabaseStyled Components
Open project pageView

pizzaco

PizzaCo

A pizza delivery web app for orders, customers, and inventory management.

Live
PizzaCo screenshot
ReduxRedux ToolkitSupabase
Open project pageView

worldwide

Worldwide

A location-tracking app that stores and manages favorite travel spots.

Live
Worldwide project screenshot
React RouteruseReducerContext API
Open project pageView

usepopcorn

usePopcorn

A movie search and rating app built around hooks and reusable behavior.

Live
usePopcorn screenshot
React HooksCustom HooksAPI Requests
Open project pageView

spacetourism

Space Tourism

A multi-page fictional company site built with React and Tailwind CSS.

Live
Space Tourism screenshot
ReactTailwind CSSReact Router
Open project pageView

bookmark

Bookmark

A fictional bookmark manager landing page built with Tailwind utility patterns.

Live
Bookmark landing page screenshot
Tailwind CSSReactMobile-first
Open project pageView

fylo

Fylo

A responsive company landing page with Tailwind CSS and dark-mode ideas.

Live
Fylo landing page screenshot
Tailwind CSSReactDark Mode
Open project pageView

shortly

Shortly

A short-link landing page with Tailwind utilities and custom utility classes.

Live
Shortly landing page screenshot
Tailwind CSSReactCustom Utilities
Open project pageView

clipboard

Clipboard

A landing page project that marked the first hands-on Tailwind CSS experience.

Live
Clipboard landing page screenshot
Tailwind CSSUtility ClassesCustom Classes
Open project pageView

loopstudios

Loopstudios

A fictional VR company landing page used to learn SCSS and Frontend Mentor workflows.

Live
Loopstudios landing page screenshot
SCSSFrontend Mentor
Open project pageView

omnifood

Omnifood

A responsive food delivery landing page that anchored the fundamentals.

Live
Omnifood landing page screenshot
HTMLCSSJavaScript
Open project pageView

mapty

Mapty

An interactive workout map for tracking running and cycling sessions.

Live
Mapty application screenshot
APIsDOM ManipulationJavaScript
Open project pageView

forkify

Forkify

A recipe search app built around modern JavaScript architecture patterns.

Live
Forkify application screenshot
Functional ProgrammingMVCJavaScript
Open project pageView

portfolio

Portfolio v1

The earlier portfolio build, created while first learning React fundamentals.

Live
Previous portfolio screenshot
React
Open project pageView