James Thanawat's repositories
Clone-Wars
100+ open-source clones of popular sites like Airbnb, Amazon, Instagram, Netflix, Tiktok, Spotify, Whatsapp, Youtube etc. See source code, demo links, tech stack, github stars.
project-based-learning
Curated list of project-based tutorials
33-js-concepts
📜 33 JavaScript concepts every developer should know.
AdminLTE
AdminLTE - Free admin dashboard template based on Bootstrap 4
awesome-react
A collection of awesome things regarding React ecosystem
awesome-solid-js
Curated resources on building sites with SolidJS, a brand new way(now 1.0) to build Javascript based interactive web applications. A very close looking cousin to React/JSX by syntax, and to Svelte by few important principles(compiler and fine-grained reactivity), it's a highly optimised way to deliver web applications with best-in-class performance
bentogrid.js
A smart library that automatically positions elements depending on their size in a grid to create responsive and beautiful layouts.
cheatsheets-1
My cheatsheets
clean-code-javascript-learn
:bathtub: Clean Code concepts adapted for learning JavaScript
design-patterns-for-humans
An ultra-simplified explanation to design patterns
design-resources-for-developers
Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more
front-end-guide
📚 Study guide and introduction to the modern front end stack.
JavaScript-Document
Document for Introduction JavaScript.
Learn-from-website
First iteration of my personal website build with Next.js
Learning-solid
A declarative, efficient, and flexible JavaScript library for building user interfaces.
mini-css-extract-plugin
Lightweight CSS extraction plugin
my-gatsby-portfolio
Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.
naming-cheatsheet
Comprehensive language-agnostic guidelines on variables naming. Home of the A/HC/LC pattern.
react-cov-dash
Created with StackBlitz ⚡️
react-flow
Highly customizable library for building an interactive node-based UI, workflow editor, flow chart or static diagram
react-responsive-carousel
React.js Responsive Carousel (with Swipe)
react-ultimate-resume
💼 🎨 A modern software developer resume built with React and JSONResume
SnapShot
SnapShot is Gallery created using React Hooks, Context API and React Router. The Routes were setup for four default pages and a search page. Also the images were displayed using the Flickr API and Axios to fetch data.
vanilla-lazyload
LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.
vitejs-vite-oslaam
Created with StackBlitz ⚡️
vitejs-vite-solidjs
Created with StackBlitz ⚡️