# HuXn-WebDev/HTML-CSS-JavaScript-100-Projects

Build 100+ Projects In 100 Days Using HTML, CSS and JAVASCRIPT

Repository: https://github.com/HuXn-WebDev/HTML-CSS-JavaScript-100-Projects
Canonical: https://ross.abutalabs.com/products/html-css-javascript-100-projects
Homepage: https://www.youtube.com/channel/UCbBt6Ks7M5BZx_GHgGO_UNQ?sub_confirmation=1
Language: HTML
License Family: other
Topics: css-games, 100-projects, css-projects, css3, es6, html-css-projects, html5, javascript, javascript-games, javascript-projects, project, html-css-javascript, html-css-javascript-projects, html-games, html-css-javascript-100-projects
Last push: 2024-05-24T15:27:55+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 1546, "days_push": 831, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1030, forks 381 (observed 2026-08-28T04:03:17.841496+00:00)

## What it is
A collection of 100+ beginner-friendly web projects built with HTML, CSS, and JavaScript over 100 days, accompanied by a YouTube build-along playlist. It serves as a hands-on learning resource for practicing frontend web development skills.

## Use cases
- learn html css and javascript by building projects
- find beginner javascript project ideas
- practice frontend web development with small projects
- follow a 100 days of code web development challenge
- build simple games with html css and javascript
- get project ideas for a web development portfolio

## When to choose
- you are a beginner wanting hands-on practice with HTML, CSS, and JavaScript
- you want project ideas to build a frontend portfolio
- you prefer learning by building small complete projects rather than reading theory

## When to avoid
- you need production-ready, maintained software with a license
- you are looking for advanced or framework-based (React, Vue) projects
- you need a reusable library or tool rather than example code

## Facets
- artifact type: learning-resource
- maturity: active
- function: developer-tools
- domain: web-development, frontend, tutorials
- platform: browser
- tags: html, css, javascript, beginner-projects, project-based-learning, 100-days-challenge, web-server

## Member repositories
- HuXn-WebDev/HTML-CSS-JavaScript-100-Projects (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:03:17.841496+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T07:07:31.120982+00:00, confidence not recorded.
  - readme: https://github.com/HuXn-WebDev/HTML-CSS-JavaScript-100-Projects (fetched 2026-08-28T04:03:17.841496+00:00, sha c7e2bf541838)
  - homepage: https://www.youtube.com/channel/UCbBt6Ks7M5BZx_GHgGO_UNQ?sub_confirmation=1 (fetched 2026-08-29T13:06:53.991475+00:00, sha 44136fa355b3)
- Data as of 2026-08-30T08:39:29.467469+00:00.