Onur Önder

Projects

Browse through a collection of open-source projects I've personally implemented.

Web Apps

  • next-shopper

    next-shopper

    A simple e-commerce web application built with Next.js

    • TypeScript
    • Next.js
    • React
    • Tailwind CSS
    Source CodeDemo
  • onurl

    onurl

    URL Shortener created with Next.js, TypeScript & MongoDB

    • TypeScript
    • Next.js
    • React
    • Prisma
    • MongoDB
    Source CodeDemo
  • rickql

    rickql

    Client app for Rick and Morty API with TypeScript, Next.js, React & Apollo GraphQL

    • TypeScript
    • Next.js
    • React
    • Apollo GraphQL
    Source CodeDemo
  • tmdb-explorer

    tmdb-explorer

    A TMDb Explorer Application Created with Next.js

    • TypeScript
    • Next.js
    • React
    Source CodeDemo
  • remix-shows

    remix-shows

    TV Show guide built with Remix

    • TypeScript
    • Remix
    • React
    Source Code
  • code-image-generator

    code-image-generator

    Create your code images by choosing different themes and visual settings.

    • TypeScript
    • Next.js
    • React
    • Tailwind CSS
    Source CodeDemo
  • onderonur.github.io

    onderonur.github.io

    Personal website & blog. Built with Next.js.

    • TypeScript
    • Next.js
    • React
    • MDX
    Source CodeDemo
  • gatsby-onderonur-blog

    gatsby-onderonur-blog

    Personal website & blog. Built with Gatsby and Netlify CMS.

    • JavaScript
    • Gatsby
    • React
    • Netlify CMS
    Source Code
  • post-gallery

    post-gallery

    Full stack GraphQL web application that implements basic features of 9GAG.

    • TypeScript
    • Next.js
    • React
    • Apollo GraphQL
    • PostgreSQL
    Source Code
  • bubbly

    bubbly

    Full stack chat application created with Socket.IO, React, TypeScript, Next.js and Express

    • TypeScript
    • Next.js
    • React
    • Express.js
    • Socket.IO
    Source Code
  • bubbly-flask

    bubbly-flask

    Clone of my own project "bubbly", with a python (flask) API created with flask-socketio

    • TypeScript
    • React
    • Python
    • Flask
    • Socket.IO
    Source Code
  • nuxt-heroes-and-villains

    nuxt-heroes-and-villains

    A small web app to list various characters from comics, movies, etc.

    • TypeScript
    • Nuxt.js
    • Vue.js
    • Tailwind CSS
    Source CodeDemo
  • svelte-github-explorer

    svelte-github-explorer

    A simple Svelte app to explore users and their repositories on GitHub

    • SvelteKit
    • Svelte
    Source CodeDemo
  • drag-and-drop-taskboard

    drag-and-drop-taskboard

    Taskboard with drag'n drop feature. Built with React, TypeScript

    • TypeScript
    • React
    Source CodeDemo

npm Packages

  • react-infinite-scroll-hook

    react-infinite-scroll-hook

    A simple hook to create infinite scroll list components

    • TypeScript
    • React
    • TSDX
    Source CodeDemo
  • react-intersection-observer-hook

    react-intersection-observer-hook

    React hook to use IntersectionObserver declaratively

    • TypeScript
    • React
    • TSDX
    Source CodeDemo
  • go-try

    go-try

    Easy and flattened error handling for sync and async functions

    • TypeScript
    • Jest
    • tsup
    Source Code
  • react-router-modal-gallery

    react-router-modal-gallery

    A simple package to create modal gallery with react-router

    • JavaScript
    • nwb
    • React
    Source Code

Other

  • Super Mario - Single Div Pixel Art

    Super Mario - Single Div Pixel Art

    HTML and CSS only Super Mario, created with a single div

    • HTML
    • CSS
    Source CodeDemo
  • Day & Night Trip

    Day & Night Trip

    CSS Animated SVG

    • HTML
    • CSS
    • SVG
    Source CodeDemo