70 Projects In 70 Days - HTML, CSS & JavaScript

70+ mini web projects using HTML, CSS and JavaScript.

See all projects on CodePen

#	Project	Live Demo
01	Expanding Cards	Live Demo
02	Progress Steps	Live Demo
03	Rotating Navigation Animation	Live Demo
04	Hidden Search Widget	Live Demo
05	Blurry Loading	Live Demo
06	Scroll Animation	Live Demo
07	Split Landing Page	Live Demo
08	Form Wave	Live Demo
09	Sound Board	Live Demo
10	Dad Jokes	Live Demo
11	Event Keycodes	Live Demo
12	FAQ Collapse	Live Demo
13	Random Choice Picker	Live Demo
14	Animated Navigation	Live Demo
15	Incrementing Counter	Live Demo
16	Drink Water	Live Demo
17	Movie App	Live Demo
18	Background Slider	Live Demo
19	Theme Clock	Live Demo
20	Button Ripple Effect	Live Demo
21	Drag N Drop	Live Demo
22	Drawing App	Live Demo
23	Kinetic Loader	Live Demo
24	Content Placeholder	Live Demo
25	Sticky Navbar	Live Demo
26	Double Vertical Slider	Live Demo
27	Toast Notification	Live Demo
28	GitHub Profiles	Live Demo
29	Double Click Heart	Live Demo
30	Auto Text Effect	Live Demo
31	Password Generator	Live Demo
32	Good Cheap Fast	Live Demo
33	Notes App	Live Demo
34	Animated Countdown	Live Demo
35	Image Carousel	Live Demo
36	Hoverboard	Live Demo
37	Pokedex	Live Demo
38	Mobile Tab Navigation	Live Demo
39	Password Strength Background	Live Demo
40	3D Background Boxes	Live Demo
41	Verify Account UI	Live Demo
42	Live User Filter	Live Demo
43	Feedback UI Design	Live Demo
44	Custom Range Slider	Live Demo
45	Netflix Mobile Navigation	Live Demo
46	Quiz App	Live Demo
47	Testimonial Box Switcher	Live Demo
48	Random Image Feed	Live Demo
49	Todo List	Live Demo
50	Insect Catch Game	Live Demo
51	Video Background	Live Demo
52	Portfolio with CSS Grid	Live Demo
53	Touch Slider	Live Demo
54	CSS Loaders	Live Demo
55	Glass Dashboard	Live Demo
56	Image Comparison Slider	Live Demo
57	Parallax Background with SVG	Live Demo
58	3D Product Card	Live Demo
59	Form Validator	Live Demo
60	Movie Seat Booking	Live Demo
61	Custom Video Player	Live Demo
62	Exchange Rate Calculator	Live Demo
63	DOM Array Methods	Live Demo
64	Menu Slider & Modal	Live Demo
65	Hangman Game	Live Demo
66	Meal Finder	Live Demo
67	Expense Tracker	Live Demo
68	Music Player	Live Demo
69	Infinite Scroll Posts	Live Demo
70	Typing Game	Live Demo

These projects are mostly based on 2 courses by Brad Traversy (2020):

• 50 Projects In 50 Days - HTML, CSS & JavaScript
• 20 Web Projects With Vanilla JavaScript

The other projects are from various YouTube channels:

• Brad Traversy - Traversy Media
• Shaun Pelling - The Net Ninja
• Simo Edwin - Dev Ed
• Gary Simon - DesignCourse