Dr. Derek Austin's repositories
phonebook-filter-by-age
☎️ Phonebook "Filter by Age" App - Next.js 13 + React 18 + Tailwind CSS + XState + CRUD Operations 👀 View Production Build at https://phonebook-filter-by-age.vercel.app/ This is a simple phonebook app that supports CRUD operations (create, read, update, delete) and "filter by age" functionality. The app provides a form to edit the contacts.
bulletproof-react
🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.
calendar-appointments
📆 Calendar App - React-Redux w/ TypeScript + Material UI v5 + Tailwind CSS + Next.js 11 + React 17 ✅ Code Extended to Add and Display Reminders by Dr. Derek Austin 👀 View Production Build at https://calendar-appointments.vercel.app I extended this React-Redux calendar app to include the ability to add and display reminders or appointments.
kos.github.io
kos-github-io.vercel.app by @DoctorDerek ⚠ WIP Site - Will Launch Q1 2022 🟢 Target: >90/100 Lighthouse Performance ⚛ Next.js (React) 🧠 TypeScript 🖼 Tailwind CSS 🌳 Forestry CMS 🎣 Husky (Git Hooks) for Prettier + ESLint 🚢 Deployed at Vercel 👨🎨 Redesigned for Accessibility by @DoctorDerek 📱 Responsive Mobile Design 📝 Easy-to-Update Blog 😎 Based on KOS.net
medium-articles
Read all my JavaScript articles free online using these Medium Friend Links
phonebook-app
🃏 Phonebook App - Next.js 13 + React 18 + Tailwind CSS + XState + CRUD Operations 👀 View Production Build at https://phonebook-doctorderek.vercel.app/ This is a simple phonebook app that supports CRUD operations (create, read, update, delete). The app provides a form where you can enter in first name, last name, and phone number for each contact
Animating-React-using-Framer-and-Framer-Motion-Presentation-by-Dr.-Derek-Austin
Animating React using Framer and Framer Motion Presentation by Dr. Derek Austin 👨💻 CodeSandbox Live Demo: https://codesandbox.io/s/sq7fy 📱 CodeSandbox Mobile Demo: https://sq7fy.csb.app/ 📺 Watch the Presentation (45min) - ReactJS(RVA) Meetup 09/2019 ▶▶▶ Video Part 1️⃣: https://photos.app.goo.gl/R4amndcwMBtspDJ49 ▶▶▶ Video Part 2️⃣: https://photos.app.goo.gl/8uhQaH6LQqUPzoxW7
docusaurus
Easy to maintain open source documentation websites.
eslint-plugin-jsx-a11y
Static AST checker for a11y rules on JSX elements.
face-api.js
JavaScript API for face detection and face recognition in the browser and nodejs with tensorflow.js
Hover-Popover-Flyout-Menu-using-Headless-UI-and-TailwindCSS-with-React
"Hover Popover" Flyout Menu using Headless UI and TailwindCSS with React 🪁 CodeSandbox Live Demo: https://codesandbox.io/s/d8llw 📱 Full Screen Demo: https://d8llw.csb.app/
material-ui
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.
next-page-tester
DOM integration testing for Next.js
perpetual-coriander
Jamstack site created with Stackbit
pokedex
🐉 Pokédex - Next.js 12 + React 18 + Tailwind CSS + Mock Login ✅ Code Built From Scratch by Dr. Derek Austin 👀 View Production Build at https://pokedex-doctorderek.vercel.app/ I implemented a Pokédex for the first 150 Pokémon to demonstrate type-safe data fetching via GraphQL. Then, I implemented best practices & mocked up a login (admin/admin) using XState to handle authentication via a state machine.
steven-terner.github.io
StevenTerner.com by @DoctorDerek 🎉 Site Launched May 2021 🟢 97/100 Performance on Google Lighthouse ⚛ Next.js (React) 🖼 Tailwind CSS 🎣 Husky (Git Hooks) for Prettier + ESLint 🚢 Deployed at Vercel 👨🎨 Designed by @DoctorDerek 📱 Mobile-First Design With 5 Responsive Breakpoints 🌃 Dark Mode Detects System Preference 📝 Blog Fetches New Medium Posts 😎
tailwindcss
A utility-first CSS framework for rapid UI development.
weather-app-demo
🏖️ Weather App Demo - Next.js 11 + React 17 + Tailwind CSS + 100% Test Coverage ✅ Code Repaired to Work and Match Design by Dr. Derek Austin 👀 View Production Build at https://weather-app-demo-doctorderek.vercel.app I repaired this weather app to actually work and match the design document. Then, I implemented best practices & 100% test coverage.
How-to-Query-the-HackerNews-API-with-React-Hooks-or-Redux-to-Store-Search-Terms
How to Query the HackerNews API with React Hooks or Redux to Store Search Terms 🔎 CodeSandbox Live Demo: https://codesandbox.io/s/nkrlj 📱 Full Screen Demo: https://nkrlj.csb.app/
How-to-Remove-an-Item-from-an-Array-in-React-using-React-Hooks
How to Remove an Item from an Array in React using React Hooks 🧪 Testing React Hooks with Enzyme 🔬 CodeSandbox Live Demo: https://codesandbox.io/s/geqbp 📱 Full Screen Demo: https://geqbp.csb.app/
next-mdx-remote
Load mdx content from anywhere through getStaticProps in next.js
tailwind-nextjs-starter-blog
This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.
unist-util-visit
utility to visit nodes