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
  • next-rickql
    next-rickql
    Client app for Rick and Morty API with TypeScript, Next.js, React & Apollo GraphQL
    • TypeScript
    • Next.js
    • React
    • TanStack Query
    • GraphQL
    Source CodeDemo
  • next-moviez
    next-moviez
    A movie explorer application built 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
    nuxt-heroes
    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