Yasin Ateş

Tüm Projelerim

Açık kaynak kodlu projelerim ve diğer geliştirdiğim uygulamalar.

Github Projeleri

react-compound-component-demo görseli

react-compound-component-demo

This project demonstrates the Compound Component Pattern in React

Compound ComponentsReactReactjs
JavaScriptGitHub
react-atomic-design-demo görseli

react-atomic-design-demo

A hands-on demo of the Atomic Design methodology, building a React

ReactReactjsStorybook
JavaScriptGitHub
react-module-federation-webpack-demo görseli

react-module-federation-webpack-demo

A minimal demo of Module Federation 2.0 with React 18 — host + remote pattern.

Module Federation ExamplesReactReactjs
JavaScriptGitHub
lighthouse-guard görseli

lighthouse-guard

Stable Lighthouse CI for GitHub Actions, multi-run median scoring, ban protection with jitter, SafeChrome leak prevention, Slack notifications, and interactive dashboard artifact.

AccessibilityCi CdCore Web Vitals
TypeScriptGitHub
tuvix.js görseli

tuvix.js

A lightweight microfrontend framework for building scalable, independently deployable frontend applications

FragmentsMfeMicrofront End
TypeScriptGitHub
🚗

car-driving-example-ai

This project is a fully autonomous driving simulation where an AI agent learns to navigate through traffic using a hybrid approach. The system combines "Fuzzy Logic" for intelligent risk assessment with Reinforcement Learning (PPO) for optimal decision making.

AtonomosCar GameFuzzy Logic
JavaScriptGitHub
handpose-slider-example-ai görseli

handpose-slider-example-ai

This project is the Hand Gesture Slider web application. Control a beautiful, interactive slider with your hand gestures using your webcam!

HandHandposeHandpose Osc
JavaScriptGitHub
piano-app görseli

piano-app

This project is the Piano App web application. It is a beautiful, interactive 88-key piano you can play in your browser!

Piano AppPiano KeyboardPiano Keys
JavaScriptGitHub
clothes-detection-example-ai görseli

clothes-detection-example-ai

Clothes Detection Example AI web application, uses AI to detect and classify clothing in uploaded photos

Ai ExampleClothes DetectionCocossd
facebook-album-downloader görseli

facebook-album-downloader

This project is s simple web application that allows users to download Facebook albums in full resolution

Album DownloaderFacebookFacebook Album
TypeScriptGitHub
next-auth-example görseli

next-auth-example

This project is a simple authentication example built with Next.js, TypeScript 🔒

AuthenticationNextjs AuthTypeScript
TypeScriptGitHub
next-recipe-app görseli

next-recipe-app

This project is a Next.js web application that allows users to search for recipes

NextjsReactReactjs
TypeScriptGitHub
next-country-gdp-population görseli

next-country-gdp-population

This is a web application to view and compare the GDPs of different countries

ChartjsGdpGraphics Library
TypeScriptGitHub
react-promotion-list görseli

react-promotion-list

This is a promotion list application via React + Redux

EslintPrettierReact
TypeScriptGitHub

next-monorepo-starter-kit

monorepo example -- in progress

MonorepoNextNextjs
TypeScriptGitHub
instagram-private-api görseli

instagram-private-api

NodeJS Instagram private API SDK. Written in TypeScript.

turkey-visited-map görseli

turkey-visited-map

This project is a mark visited places app for Turkey

NextjsPlacesScreenshot
TypeScriptGitHub
eksisozluk-entry-generator görseli

eksisozluk-entry-generator

This project is a entry generator app for ekşi sözlük

EntryHobby ProjectNextjs
JavaScriptGitHub
markdown-manager görseli

markdown-manager

This project is a markdown template generator tool via Vite + Vue 🤓

MarkdownMarkdown ConverterMarkdown Generator
angular-counter-up görseli

angular-counter-up

I did for see Angular Js state management 😎

AngularCounter Up
TypeScriptGitHub
instagram-media-downloader görseli

instagram-media-downloader

This project is a full size Instagram photo display tool. 😎

Instagram Downloader AppInstagram HightlightInstagram Post Downloader
TypeScriptGitHub

basic-themeforest-docs

This repository is a starter kit for creating Themeforest Theme Documentation

DocumentationDocumentation WebsiteThemeforest
JavaScriptGitHub
react-link-list görseli

react-link-list

This project was created to create a medium/large React project with React + Tailwind CSS, React Router, ContextAPI and Docker 😎

JavaScriptGitHub
react-post-list görseli

react-post-list

This project was created to create a medium/large React project with React Router and Docker 😎

JavaScriptGitHub
react-product-list görseli

react-product-list

This project was created to create a medium / large React and Grphql project 😋

JavaScriptGitHub
react-todo görseli

react-todo

This project was created to create a medium/large React project folder structure 😋

ReactReactjsTodo
JavaScriptGitHub
vue-todo görseli

vue-todo

This project was created to create a medium/large Vue project folder structure 😋

TodoTodolistVue
basic-starter-kit görseli

basic-starter-kit

This project is a starter kit for develop the very small front-end web applications with Gulp 😋

Boilerplate TemplateGulpGulp4
JavaScriptGitHub

turkcekaynaklar-com

Özenle seçilmiş Türkçe kaynaklar listesi En: Curated list of Turkish resources

yasinatesim görseli

yasinatesim

My Github Profile README

PythonGitHub
bicycle-404-error-page görseli

bicycle-404-error-page

This project was created to create a small project folder structure 😋

Css3Html5Sass
JavaScriptGitHub
yasinates.com görseli

yasinates.com

My personal website via Tanstack Starter + React Query

CommitlintCss ModuleCss Modules
TypeScriptGitHub
react-native-counter-up görseli

react-native-counter-up

I did for see React Native 😋

ReactReact NativeReactjs
Objective-CGitHub
react-counter-up görseli

react-counter-up

I did for see React state management

ReactReactjs
vue-counter-up görseli

vue-counter-up

I did for see Vue js state management

CounterCounter UpVue

medium-stories

Contains the source files and links on my Medium articles

MediumMedium ArticleMedium Story
TypeScriptGitHub
next-starter-kit görseli

next-starter-kit

This project is a starter kit for develop the front-end web applications with Next.js 😎

CommitlintCss ModuleCss Modules
TypeScriptGitHub
onu-psd-to-css görseli

onu-psd-to-css

This project was one of my first works. I met PSD To CSS with this project 😋

CssHtmlJavaScript
tvmaze-api-batman-tv-shows görseli

tvmaze-api-batman-tv-shows

This project was developed to analyze the redux state management structure 😋

ReactReduxRedux Thunk
vue-horizontal-collapse görseli

vue-horizontal-collapse

Vue js version of accordion component developed with jquery on codepen.io 😋

AccordionClickCollapse
href-and-src-convert-to-array görseli

href-and-src-convert-to-array

I once had to convert src and href attributes into arrays when using Yii2 Framework.

ArrayArraysAttributes
permalink-with-javascript görseli

permalink-with-javascript

Seo Friendly Link (Seflink) Function with Pure Javascript

PermalinkSeflinkSeo Friendly
chick-404-error-page görseli

chick-404-error-page

I wanted to code a beautiful 404 page that I saw in unsplash.com

Css3Error PageError Pages
css-grid-layout-grid-system görseli

css-grid-layout-grid-system

CSS Grid Layout Grid System with Bootstrap Grid Class Names

BootstrapBootstrap StylesCss Grid
frontend-starter-kit-with-gulp görseli

frontend-starter-kit-with-gulp

Frontend Starter Kit with Gulp for either Themeforest Projects or customizable projects.

BabelEcmascript6Es6
JavaScriptGitHub

YouTube İçeriklerim

Diğer Projeler

Magical Songwriter - Şarkı Sözü Yazma Platformu

Magical Songwriter - Şarkı Sözü Yazma Platformu

Kendi şarkı sözlerinizi kolayca yazıp düzenleyebileceğiniz, ilham verici ve kullanıcı dostu bir platform. Fikirlerinizi kaydedin, düzenleyin ve paylaşın. Müzisyenler ve söz yazarları için pratik bir dijital defter.

HTML5CSS3JavaScriptTypeScript