I’ve gathered larger channel projects on this page. Select any tag(s) to filter the list.
Let’s build a Vanilla JS Tic Tac Toe game complete with confetti celebrations!
Using React Router 6.8, we’ll build out a simple budget app that allows users to add and remove transactions using localStorage.
In this video, we’ll build out a review summary card from UI Design Daily using React and CSS.
In this project, we’ll build a blog from scratch using the web framework Astro.
In this project, we’ll take a Figma card component from design to code with React and Typescript!
During the course of this series, we’ll use React to build out a todo app that saves and loads to local storage.
In this series, we’ll build out a simple React project to introduce important React concepts like components, props, state, and more.
I’ll show the basics of Tailwind 3, including how to customize and extend it. Then we’ll build out a fully-responsive light/dark mode landing page from scratch.
This project done for the Net Ninja channel is a full design-to-code landing page. We’ll use Figma for design and the Astro SSG for the code.
We’ll build custom SVG world clocks in both functional and object oriented programming styles using the requestAnimationFrame API and the date-fns library.
In this video, we’ll use ParcelJS, Tailwind CSS, and an npm package called Check Password Strength to write a custom password generator app.
In this project, we’ll build out a tab component, focusing especially on accessibility and object oriented programming.
Laying out a page with grid and flex box can be confusing. In this two part series, I’ll show you how to layout a page using a combination of grid and flex box. We’ll create a fully-responsive design with modern CSS.
In this series, we’ll convert a site using hard-coded colors to use css variables, let the site automatically respond to the user’s system theme, and then manually choose betwen light and dark mode.
Learn how to load and parse data from a JSON file, update the UI with customer reviews, and create an infinite carousel without transitions.
Learn how to load and parse data from a JSON file, update the UI with images, clone the first and last elements, and create an infinite carousel slider with transitions.