DoctorDerek

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.

doctor-derek

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

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.

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 😎

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.

DoctorDerek/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.

DoctorDerek/bulletproof-react

🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.

DoctorDerek/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.

DoctorDerek/doctor-derek

DoctorDerek/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

DoctorDerek/medium-articles

Read all my JavaScript articles free online using these Medium Friend Links

DoctorDerek/next-api-routes-demo

DoctorDerek/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

DoctorDerek/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

DoctorDerek/docusaurus

Easy to maintain open source documentation websites.

DoctorDerek/eslint-plugin-jsx-a11y

Static AST checker for a11y rules on JSX elements.

DoctorDerek/face-api.js

JavaScript API for face detection and face recognition in the browser and nodejs with tensorflow.js

DoctorDerek/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/

DoctorDerek/ien

IranianEconomicNews.com: A Jamstack site built using Gatsby with a responsive design.

DoctorDerek/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.

DoctorDerek/next-page-tester

DOM integration testing for Next.js

DoctorDerek/perpetual-coriander

Jamstack site created with Stackbit

DoctorDerek/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.

DoctorDerek/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 😎

DoctorDerek/tailwindcss

A utility-first CSS framework for rapid UI development.

DoctorDerek/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.

DoctorDerek/graffiti-artist

DoctorDerek/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/

DoctorDerek/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/

DoctorDerek/husky

Modern native Git hooks made easy 🐶 woof!

DoctorDerek/next-mdx-remote

Load mdx content from anywhere through getStaticProps in next.js

DoctorDerek/popover-hover-example

DoctorDerek/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.

DoctorDerek/unist-util-visit

utility to visit nodes

DoctorDerek/screeps-typescript-jest-starter

Starter kit for Screeps bots written in TypeScript and unit tested with Jest