# javascript-100-proyectos: 57 numbered JavaScript exercises, Spanish descriptions, and an unclassified licence > midudev/javascript-100-proyectos is a Spanish-language collection of numbered JavaScript exercises, each with source code on GitHub and a companion video on YouTube. The repository title claims 100 projects; the directory holds 57 numbered folders. **midudev/javascript-100-proyectos** — 100 proyectos de JavaScript con código y vídeos. ¡Gratis! - Repository: https://github.com/midudev/javascript-100-proyectos - Website: https://javascript100.dev - Stars: 2,706 · Forks: 316 - Language: HTML - License: NOASSERTION - Published: 2026-10-11 · Updated: 2026-10-11 · Language: en - Canonical page: https://hysenlabs.com/projects/midudev-javascript-100-proyectos ## One folder per project, numbered 01 through 57, with Astro powering the site layer Every project in the repository lives in its own numbered subdirectory, with names like 01-tinder-swipe, 06-tetris-canvas and 53-spa-router. Each number serves as both a sequence index and a file path: the folder name maps directly to a live demo at javascript100.dev, so project 1 is accessible at javascript100.dev/01-tinder-swipe. Astro powers the site layer, as the badge in the README signals. The top-level directory holds the numbered project folders alongside a .vscode/ entry, a .gitignore and one folder named 100-web-desktop that sits outside the numbering sequence. That folder is addressed in a later section. Live demos deploy to Vercel, and every row in the README's project table carries two badges: one linking to the code folder on GitHub and one to the deployed URL. The site shows what runs; the repository shows how it was built. For someone studying a particular technique, the path is to open the live demo first and then read the corresponding numbered folder. ## No install or build command given for running the Astro site locally A developer who wants to run the javascript100.dev site on a local machine will find no documented path in the README. No npm install, npm run dev or astro dev command appears in the README text. The header links to four destinations: the website, the projects section in the same page, a contribution guide and the author's social channels on YouTube, Twitter and Twitch. That absence matters in two distinct situations. A developer who wants to extend the Astro scaffolding or add a project to the site has to infer the build steps from the project files themselves. Someone who needs only the code for one specific project, say 22-markdown-editor or 49-sudoku, can browse or clone that subdirectory without touching the site layer at all, since each folder contains its own self-contained HTML, CSS and JavaScript. For a contributor, the contribution guide is linked from the README header as a named section anchor, but its contents are not reproduced in the README. Reading it requires following the link. ## Projects range from classic arcade recreations to a browser-local ChatGPT and a client-side router The README table describes 12 projects before truncation, and the directory continues to 57-connect-four. Among those first twelve, four are classic game recreations: arkanoid-game, tetris-canvas, a scroll-based background animation named moto-scroll, and a 2D stack game. Two are productivity tool clones: excel-js builds an editable spreadsheet, and mecanografía measures typing speed. Two integrate third-party APIs: buscar-info-IP queries a geolocation API, and chatgpt-local runs a language model inside the browser. The description for chatgpt-local states it creates a ChatGPT running entirely in the browser, described as 100% private and free. No backend address appears in the description, and no API key is mentioned. Further in the directory listing there are entries such as 47-pathfinding for algorithm visualisation, 53-spa-router for a client-side router, 54-matrix-rain for a visual animation, and 43-js-quiz for an interactive JavaScript quiz. The folder 100-web-desktop, named separately rather than numbered in sequence, takes its name from a web desktop concept. Each numbered folder covers a different part of the browser API surface. The range from arcade physics to a client-side router to in-browser machine inference shows the collection's scope. No project is described as a prerequisite for another. ## All project descriptions in the README table are in Spanish, with no English alternative Every description in the project table is in Spanish. The repository description on GitHub reads '100 proyectos de JavaScript con código y vídeos. ¡Gratis!' The contribution link in the README header points to a section also titled in Spanish. For a developer who reads Spanish, the table is fully usable. For one who does not, the folder names remain legible since most are English compound words such as arkanoid-game, memory-game and maze-generator, but the one-line descriptions that explain what each project does appear only in Spanish. The live demos at javascript100.dev show the running result directly, which lets a developer understand what each project does without reading its Spanish description. No mention of any other language appears in the README. No English description for any individual project is given in the repository material. The YouTube channel and Twitch channel both belong to midudev's Spanish-language presence, which means a developer who cannot follow Spanish-language video instruction gets the source code but none of the walkthrough content. ## 57 numbered folders exist in the directory, not 100 as the title and description claim The repository title, the GitHub description and the homepage URL all frame this as a collection of 100 projects. The directory listing shows folders numbered 01 through 57, along with a folder called 100-web-desktop that does not follow the numbering sequence. Its name references a web desktop concept; its alphabetical position before 11-js-perf-benchmark is a side effect of how file systems sort numerals as text, not a sign that it is project number 100 in the series. The total count of folders numbered in the 01-through-NN sequence is 57. No roadmap, issue listing or README note explains the gap between 57 numbered folders and the claimed 100. The repository gives no statement that more projects are being added or that the collection is a work in progress. Whether the title reflects an intention or a past state of the repository is not documented. A developer relying on the title's count to gauge the collection's depth should count the directories directly. ## Each project comes with a companion video, but the walkthrough language is Spanish throughout The README links to the author's YouTube channel at youtube.com/c/midudev. This is the primary companion to the code: each project in the collection corresponds to a video that walks through how it was built. The README also links to a Twitch channel at twitch.tv/midudev and a Twitter account, which points to a live-coding context where these exercises were originally developed. For a learner who watches video instruction alongside source code, the combination covers the reasoning behind each exercise, which a repository with only code files cannot provide. The video and the code address the same exercise, so watching one while reading the other gives more context than either source alone. The limitation is that the video instruction is in Spanish. A developer who cannot follow spoken Spanish will have the source code and the live demo but no verbal explanation of the decisions behind the code. The README does not mention subtitles, transcripts or written walkthroughs in any language. For non-Spanish speakers, the collection functions as a set of reading exercises rather than a guided course. ## JavaScript30 covers 30 exercises in English with no framework, a different scope than this collection JavaScript30 by Wes Bos is a comparable free exercise collection with 30 exercises in English. Each exercise is structured around a single standalone HTML file with vanilla JavaScript and no build tool. A developer can clone the repository and open any exercise in a browser immediately, with no Astro layer to understand first. midudev/javascript-100-proyectos differs in three ways. It has more numbered exercises (57 against JavaScript30's 30). Its descriptions and companion videos are in Spanish. The site requires an Astro build to deploy, though individual project folders can be opened directly without building anything. The practical trade-off is scope against accessibility. midudev's collection covers a wider range of browser APIs and includes more complex examples such as a client-side router and an in-browser language model. JavaScript30 is narrower in scope but documented entirely in English and requires no tooling decision before starting. Neither project provides an explicit learning path, and neither states what prerequisite knowledge a developer needs. ## Conclusion This collection suits JavaScript learners who read Spanish and want to study a browser technique by reading source code or watching a companion video. It is not a structured course, and the numbered folders carry no implied study order. Avoid it if you need English descriptions to work through the project list, or if your organisation requires a named open-source licence before forking code. Before publishing or adapting any project, read the LICENSE file directly, as GitHub marks its terms as unclassified. The directory contains 57 numbered folders rather than 100; that gap is not explained in the repository. ## FAQ ### What is javascript-100-proyectos? It is a collection of numbered JavaScript exercises by midudev, each with source code in a GitHub subdirectory and a companion video on YouTube. Live demos run at javascript100.dev. ### How do I access the projects in javascript-100-proyectos? Each numbered project has a live demo at javascript100.dev and a corresponding source folder in the GitHub repository. The README table links to both for each entry. ### What kinds of projects are in javascript-100-proyectos? The directory listing shows 57 numbered folders including arcade game recreations, a typing speed test, an editable spreadsheet clone, a geolocation API demo, a client-side router, a maze generator and a web desktop simulation. ### Does javascript-100-proyectos have install instructions? The README gives no install or build command. Individual project folders can be browsed or cloned directly since each contains self-contained HTML, CSS and JavaScript. No setup steps for the full Astro site are documented in the README. ### What licence does javascript-100-proyectos use? GitHub labels it 'Other' because its classifier cannot identify the terms; the LICENSE file at the repository root holds the full text. ## Sources - [Issues](https://github.com/midudev/javascript-100-proyectos/issues) - [midudev/javascript-100-proyectos on GitHub](https://github.com/midudev/javascript-100-proyectos) - [Project website](https://javascript100.dev) - [README](https://github.com/midudev/javascript-100-proyectos/blob/main/README.md) --- Hysen Labs editorial analysis, written from the project's own repository and release notes. Cite the canonical page: https://hysenlabs.com/projects/midudev-javascript-100-proyectos