Search Results for "ai mini projects"

vanillawebprojects is a collection of small, hands-on web apps built with only HTML, CSS, and plain JavaScript to teach core front-end skills without frameworks. Each project targets a concrete concept—DOM manipulation, events, localStorage, fetch, form validation, audio/video APIs, and more—so learners see ideas applied in working code. The codebases are intentionally compact and readable, making them easy to clone, tweak, and extend. Projects progress from beginner-friendly to moderately...

100 proyectos de JavaScript is a large collection of 100 JavaScript projects, each with source code and an accompanying video tutorial, offered entirely for free. The repository is tied to the website javascript100.dev, which presents the projects as a structured learning path so learners can progressively build their skills through practice.Each project lives in its own numbered folder (for example, 01-tinder-swipe), and the README explains how to run them via the VS Code Live Preview...

While coding with AI assist, I noticed bigger projects need something more rigid as context so the AI coder doesn't stray away when I try to add new features. You know, to keeps its memory fresh and not change the stuff that already works. The trick is to ask the AI to write a diagram in Mermaid.js format that solidifies the structure of the project and then use that as context to keep the AI reminded at all times what the project is as a whole. ...

This repository is a collection of small-to-medium React applications that showcase practical patterns, from stateful widgets to multi-page interfaces. Each project is self-contained and demonstrates specific techniques—hooks for state and effects, context for global state, custom hooks for reuse, and reducer patterns for complex updates. The codebases include common UI tasks like forms, modals, lists, filtered search, and pagination, along with data fetching and basic routing where...

A framework that allows small programs to support componentized development. One of the most popular small program framework. Component development, perfect solution to the problems of component isolation, component nesting, component communication, etc. Supports the use of third-party npm resources, automatically handles dependencies between npm resources, and is perfectly compatible with all npm resource packages without platform dependencies. Through polyfill, the mini program perfectly...

...It is extremely easy to use and contains a very rich API. Download the ZIP, and extract it to a folder. Inside it, the "lib" folder contains the javascript library file. You can include it in your projects as-is. For an example of how to use the library, you can find two mini samples of tic-tac-toe and chess in the examples directory. There is no API manual currently, but if you use an editor like Brackets, it will show you the list of functions. Just do not call the functions which start with "__" as those are meant for internal use by the library itself. ...