John Datserakis

file-upload-with-preview. 🖼 Simple file-upload utility that shows a preview of the uploaded image. Written in TypeScript. No dependencies. Works well with or without a framework.

koa-vue-notes-api. 🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and async/await.

vue-simple-context-menu. 📌 Simple context-menu component built for Vue. Works well with both left and right clicks. Nothing too fancy, just works and is simple to use.

koa-vue-notes-web. 🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and Vuex store modules.

vue-navigation-bar. 🧭 A simple, pretty navbar for your Vue projects.

vue-cookie-accept-decline. 👋 Show a banner with text, a decline button, and an accept button on your page. Remembers selection using cookies. Emits an event with current selection and on creation. Good for GDPR requirements.

koa-react-notes-web. 🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and more.

vue-screen-size. 🖥 Get easy and reactive access to the width and height of your screen.

modern-webpack-starter. 🏰 A modern JavaScript starter using Webpack 4. Made in a simple way - good for learning or starting a new project without having to rollout cli-auto-builders.

vue-video-section. 📼 A simple video header/section component for Vue. Good for video backgrounds and overlaying content on them.

vue-programmatic-invisible-google-recaptcha. 🔒A simple invisible Google reCAPTCHA component focused solely on programmatic invocation.

vue-countable. ✍️ Vue binding for countable.js. Provides real-time paragraph, sentence, word, and character counting.

koa-vue-notes-project. 🤓 A single repo containing both the koa-vue-notes-api and koa-vue-notes-web projects.

chrome-ribbon-reminder. 🎀 A Chrome extension written using Vue and Async/Await. Uses a popup display and changes badge counts.

vue-mock-layout. 💻 Easily mock the layout of your Vue apps.

react-mailchimp-email-signup-form. 📮 Easily collect email signups using MailChimp in your React projects.

johndatserakis-dot-com. 🏠 The codebase for johndatserakis.com. Built using React, TypeScript, and Next.js.

vue-mailchimp-email-signup-form. 📮 Easily collect email signups using MailChimp in your Vue projects.

find-the-state-ui. 🔍 Find all the States in the contiguous USA on a map. Simple enough.

find-the-state-api. 🔍 Find all the States in the contiguous USA on a map. Simple enough.

RibbonReminder. 🎀 Ribbon Reminder is a simple iOS app focused on storing reminders in the Notification Center. Ribbon Reminder contains a working Today View Extension (Widget) and is written in Swift.

RecordPlayer. 🎻 Emulate a record player in Sprite Kit using Swift and Xcode.