Work

Projects

Things I've built and shipped.

Galaxy War

Galaxy War

Game

Galaxy War is a space-themed arcade game where you command your fleet to conquer the galaxy.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Gravity Puzzle

Gravity Puzzle

Game

Gravity Puzzle is a simple game that challenges your problem-solving skills with a twist of physics.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Health Tools

Health Tools

Tool Project

Health Tools is a simple app that provides information about healthcare services, hospitals, and more.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
World Info

World Info

Tool Project

World Info is a simple app that provides information about countries, cities, and more.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
I am so hungry

I am so hungry

Tool Project

I am so hungry is a simple app that helps you find recipes based on the ingredients you have. Just enter the ingredients you have, and the app will suggest recipes you can make with them.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
What is the weather like today?

What is the weather like today?

Tool Project

A simple app to check the weather forecast for your location.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Decisioner

Decisioner

Fun Project

Decision is a project that helps you make decisions, featuring wheel dice, number coin flip, and magic ball.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Deyimle

Deyimle

Game

Deyimle is a classic puzzle game where players uncover tiles to find hidden mines.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Minesweeper

Minesweeper

Game

Minesweeper is a classic puzzle game where players uncover tiles to find hidden mines.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Tetris

Tetris

Game

Tetris is a classic puzzle game where players stack falling blocks to create complete lines.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
TwoZeroTwoEight

TwoZeroTwoEight

Game

TwoZeroTwoEight is a classic 2048-style game where players slide tiles to combine them and reach the highest number.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Snake Game

Snake Game

Game

Snake Game is a classic snake game where players control a snake to eat food and grow longer.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Civilization App

Civilization App

Game

Civilization App is a strategy game where players build and manage their own civilization, research technologies, and expand their territory.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Memory Flip

Memory Flip

Game

Memory Flip is a simple memory game where players match pairs of cards.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Ironhold

Ironhold

Game

Ironhold is a strategy game where players build and manage their own medieval fortress, defend against waves of enemies, and expand their territory.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Nasa Daily

Nasa Daily

Fun Project

NASA Daily is a multilingual web app that brings NASA’s Astronomy Picture of the Day into a modern and accessible interface. Users can explore today’s space image, read its explanation, switch between Turkish and English, browse archived posts, and save their favorite discoveries. The project focuses on clean design, daily space inspiration, and an easy reading experience.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Cosmic Age

Cosmic Age

Tool Project

Enter birth date → calculate your age on every planet in Solar System based on orbital period. Each planet's year length differs, so age shifts.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
RiseofChaos Wiki

RiseofChaos Wiki

Official Website

The official illustrated wiki for warriors of the chaos.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Textify

Textify

Tool Project

Transform your nick and text into unicode art.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Holiday Planner

Holiday Planner

Tool Project

A simple holiday planner application built with Next.js and TypeScript.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Color Palette Generator

Color Palette Generator

Tool Project

A simple color palette generator that creates sepia-toned palettes based on a selected base color.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Famous Form Validations

Famous Form Validations

Article Helper Project

A showcase project demonstrating various form management libraries integrated with validation tools. This project features Formik, React Hook Form, and React Final Form with schema-based validation using Yup and Zod.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Konva Masking and Drawing Tool

Konva Masking and Drawing Tool

Case

Konva Masking and Drawing Tool A web-based image manipulation tool built with React and Konva.js, allowing users to upload images, draw shapes (Brush, Lasso, Rectangle), and export masked images in PNG, JPG, or JPEG formats.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Kelebek Falı

Kelebek Falı

Official Website

FourSeasons is a simple React component library that animates your application with seasonal themes: Winter, Summer, Autumn, and Spring. It provides a beautiful, dynamic way to enhance your UI based on the time of year.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Civas Hukuk

Civas Hukuk

Official Website

Founded by co-founders Av. İsmailcan Civaş and Av. Murathan Civaş, Civaş Law & Consultancy provides top-quality legal and consultancy services to its clients and partners. With expertise spanning numerous cases and advisory matters, the firm serves clients both nationally in Turkey and internationally across the globe.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Kamer Organizasyon

Kamer Organizasyon

Official Website

Founded in 1990 in Bakırköy, Kamer Baptism, Wedding, and Funeral Organization Company opened its second branch in 2004 in Şişli-Feriköy and continues its operations to this day. Our company provides a range of services for baptisms and weddings, including church decoration, catering, music, trio bands, DJs, photography, and video recording. We also manage all processes related to funeral ceremonies in churches, as well as domestic and international funeral transportation services. With our experienced staff, we are at your service 24/7, standing by your side in both your joyful and sorrowful moments.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Four Seasons

Four Seasons

Npm Library

FourSeasons is a simple React component library that animates your application with seasonal themes: Winter, Summer, Autumn, and Spring. It provides a beautiful, dynamic way to enhance your UI based on the time of year.

NpmNpmReactReactTypeScriptTypeScript
Dead Pixel Detector

Dead Pixel Detector

Tool Project

This is a Vue.js application for detecting dead pixels on your screen. It cycles through a series of colors in fullscreen mode to help identify any dead or stuck pixels.

VueVueTypeScriptTypeScriptTailwind CSSTailwind CSS
Star Wars

Star Wars

Fun Project

This project is a Star Wars-themed web application built with Nuxt.js, focusing on server-side rendering (SSR), dynamic routing, and API integration with the Star Wars API (SWAPI). It features different sections including People, Planets, Species, Starships, Vehicles, and Films. Each section provides a list of items with pagination, and users can view detailed information about each item on dedicated detail pages.

NuxtNuxtTypeScriptTypeScriptTailwind CSSTailwind CSS
Pokémon

Pokémon

Fun Project

This project is a simple Pokémon catalog built using Remix, focusing on server-side rendering (SSR), client-side interactions, and API integration using the PokéAPI. The application features a Pokémon listing page with pagination, search functionality, and a detailed Pokémon page that displays additional information about each Pokémon, including types, stats, abilities, and evolution chains.

RemixRemixTypeScriptTypeScriptTailwind CSSTailwind CSS
Interface Design Case

Interface Design Case

Case

For this part of the project, your task is to code the responsive interface design provided in the Figma file. You can choose to implement it using either Tailwind CSS or Bootstrap. I chose Bootstrap for this task. I took each photo separately, which took a considerable amount of time. Although it was time-consuming, I wanted to demonstrate my ability to work meticulously, piece by piece. Alternatively, I could have taken larger photos and continued, but I preferred to work with smaller pieces to showcase my attention to detail. Regarding CSS, I decided to use a mix of custom CSS and Bootstrap to demonstrate my versatility and ability to work with various approaches.

NextNextJavaScriptJavaScriptBootstrap 5Bootstrap 5
Quiz App Case

Quiz App Case

Case

In this project, the primary focus was on developing a JavaScript application, specifically a Quiz App. While I used Bootstrap for the previous task to demonstrate my skills, I decided to utilize Tailwind CSS for the Quiz App to showcase my proficiency with it. Additionally, I ensured that the design is responsive across different screen sizes. As an additional feature, I created a general fetching folder. With this setup, you can perform GET, POST, PUT, and DELETE requests with just a string, and a single Axios function handles the fetching. For managing test answers, I employed Context API. While a simple useState could have sufficed for this purpose, I wanted to demonstrate my experience with state management.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS
Shopation Case

Shopation Case

Case

Welcome to the Shopation Case Study project! This project was developed as part of a frontend developer technical assessment, focusing on implementing a product listing and detail page with various features including cart management, filtering, and local storage persistence.

NextNextTypeScriptTypeScriptTailwind CSSTailwind CSS

© 2026 Arda Keyişoğlu. All Rights Reserved.

GitHubMediumLinkedIn