bradtraversy/50projects50days resource
50+ mini web projects using HTML, CSS & JS observed · 2026-08-28
Health v2 · maintenance only
36/100
- Activity 8
- Release rhythm 35
- Longevity 100
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 2116
- days_rel: n/a
- days_push: 553
- n_releases_24m: 0
Adoption not part of the score
40633 stars · 9721 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
A collection of 50+ mini web projects built with plain HTML, CSS, and JavaScript, accompanying Brad Traversy's '50 Projects in 50 Days' course. Each project is a small standalone demo (with live demos) teaching practical front-end techniques like animations, UI widgets, and DOM manipulation.
Use cases
- learn html css and javascript by building small projects
- practice vanilla javascript without frameworks
- find examples of css animations and ui effects
- beginner web development project ideas
- study dom manipulation examples
- supplement a front-end web development course
When to choose
- you are a beginner learning HTML, CSS, and JavaScript fundamentals
- you want small, self-contained examples of common UI patterns and animations
- you prefer project-based learning without frameworks or build tools
When to avoid
- you need production-ready code or a maintained library
- you are looking for React, Vue, or other framework-based projects
- you need a full-stack or backend learning resource
Facets
learning-resource · maturity active
developer-tools ui-components animation form-handling web-development frontend education tutorials cross-platform browser html css javascript mini-projects beginner-friendly course-material vanilla-js web-server
1 source
- readme: https://github.com/bradtraversy/50projects50days · fetched 2026-08-28 · 32ffb7709cfd
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| bradtraversy/50projects50days | main | 36 |
For agents
markdown · JSON · MCP: product_card(name="bradtraversy/50projects50days")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem