markteekman
Front-end developer and Design (System) enthusiast! I like building accessible solutions, using vanilla JavaScript and frameworks like Astro, React and Vue.
Acato Digital AgencyNetherlands
Pinned Repositories
accessible-astro-components
A set of Accessible, easy to use, Front-end UI Components for Astro.
accessible-astro-dashboard
An Accessible Admin Dashboard Theme for Astro with a login page and a dashboard overview. Includes accessibility features such as landmarks, better focus-outline and skip-links navigation.
accessible-astro-starter
An Accessible Starter Theme for Astro 4.0 including accessibility features such as landmarks, better focus-outline and skip-links navigation. Ships with Tailwind, Prettier and ESLint support.
accessible-vue-components
A set of Accessible, easy to use, Front-end UI Components for Vue 3.
accessible-vue-starter
An Accessible Starter Theme for Vue 3 + Vite including accessiblity features such as landmarks, better focus-outline and skip-links navigation.
base-css
Responsive front-end HTML and SCSS starter template using a simple Flexbox Grid, basic Design System patterns and ES6 support for writing JavaScript functions. Powered by Gulp.
coding-knowledge-base
My own personal knowledge base for my coding career. It contains all the tools, snippets and frameworks I've learned and acts as a lookup reference. I use Obisian to manage the information. Feel free to use things from this knowledge base for yourself.
easybank-landing-page
Frontend Mentor challenge "Easybank Landing Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the JavaScript IntersectionObserver.
frontend-resources
A list of resources concerning front-end web development. From HTML, CSS and JavaScript to testing, accessibility, Atom packages, UI Design and Design Systems.
tiny-code-snippets
Collection of Front-end Code Snippets (HTML, (S)CSS, JavaScript) to use as a reverence for common problems and solutions.
markteekman's Repositories
markteekman/accessible-astro-starter
An Accessible Starter Theme for Astro 4.0 including accessibility features such as landmarks, better focus-outline and skip-links navigation. Ships with Tailwind, Prettier and ESLint support.
markteekman/accessible-astro-components
A set of Accessible, easy to use, Front-end UI Components for Astro.
markteekman/accessible-astro-dashboard
An Accessible Admin Dashboard Theme for Astro with a login page and a dashboard overview. Includes accessibility features such as landmarks, better focus-outline and skip-links navigation.
markteekman/frontend-resources
A list of resources concerning front-end web development. From HTML, CSS and JavaScript to testing, accessibility, Atom packages, UI Design and Design Systems.
markteekman/easybank-landing-page
Frontend Mentor challenge "Easybank Landing Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the JavaScript IntersectionObserver.
markteekman/accessible-vue-starter
An Accessible Starter Theme for Vue 3 + Vite including accessiblity features such as landmarks, better focus-outline and skip-links navigation.
markteekman/coding-knowledge-base
My own personal knowledge base for my coding career. It contains all the tools, snippets and frameworks I've learned and acts as a lookup reference. I use Obisian to manage the information. Feel free to use things from this knowledge base for yourself.
markteekman/accessible-vue-components
A set of Accessible, easy to use, Front-end UI Components for Vue 3.
markteekman/tiny-code-snippets
Collection of Front-end Code Snippets (HTML, (S)CSS, JavaScript) to use as a reverence for common problems and solutions.
markteekman/base-css
Responsive front-end HTML and SCSS starter template using a simple Flexbox Grid, basic Design System patterns and ES6 support for writing JavaScript functions. Powered by Gulp.
markteekman/personal-portfolio-mark
My personal portfollio website, build with Astro in 2023.
markteekman/accessible-astro-docs
Documentation website for all the availible Accessible Themes and Components for Astro.
markteekman/frontend-mentor-challenge-starter
A starter project to take on a Frontend Mentor challenge. Build with Astro, with a basic configuration, utility classes and Tailwind CSS. Comes with a GitHub action to automatically deploy the project to GitHub Pages.
markteekman/accessible-react-word-game
Excersise from the Joy of React course, building a Wordle Game clone using React components and the useState hook. With added personal stretch goals such as making the game accessible, make it more interactive with animations and by adding a DarkMode and Modal component.
markteekman/blogr-landing-page
Frontend Mentor challenge Blogr Landing Page using Tailwind CSS, Astro Static Site Generator, a color scheme switcher and the IntersectionObserver.
markteekman/Learn-Vim
Learning Vim and Vimscript doesn't have to be hard. This is the guide that you're looking for 📖
markteekman/the-mushroom-intranet
This is a demo intranet environment with a Super Mario theme.
markteekman/advice-generator-app
Frontend Mentor challenge "Advice Generator App" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the Fetch API for the random advices.
markteekman/astro-paper
A minimal, accessible and SEO-friendly Astro blog theme
markteekman/e-commerce-product-page
Frontend Mentor challenge "E-commerce Product Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations, Vue.js and Pinia State Management.
markteekman/markteekman
Personal GitHub profile README.
markteekman/mealplanner
Personal mealprep tool for my wife and me to plan out weekly meals, snacks and other healthy goodies.
markteekman/multi-step-form
Frontend Mentor challenge Multi-step form using Astro, Vue 3, Pinia and WCAG best practises such as error handeling and screen reader feedback.
markteekman/nft-preview-card-component
Frontend Mentor challenge "NFT Preview Card Component" using CSS Flexbox and Grid, Accessibility best practices and CSS Animations.
markteekman/rock-paper-scissors-game
Frontend Mentor challenge "Rock, Paper, Scissors Game" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations to make the game more interactive and vanilla JavaScript for the game logic.
markteekman/sunnyside-agency-landing-page
Frontend Mentor challenge "Sunnyside Agency Landing Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the JavaScript IntersectionObserver. Includes a sticky navigation and a revealing footer.
markteekman/time-tracking-dashboard
Frontend Mentor challenge "Time Tracking Dashboard" using CSS Grid, CSS Animations, Accessibility best practices and the JavaScript Fetch API to toggle between JSON Data.
markteekman/accessible-react-toast-component
Excersise from the Joy of React course, building a toast component from scratch. With the added stretch goal of making it fully accessible.
markteekman/astro.build
markteekman/view-transitions-playground
Testing out the View Transitions API in a MPA setup.