30 Days of Vanilla JavaScript

30 Days of Vanilla JavaScript is a practice-based project designed to build JavaScript skills through small daily challenges.

This project includes individual challenge pages from day-02 through day-30, plus shared assets, data files, global helpers, and reusable UI components.

YouTube

YouTube Playlist: https://www.youtube.com/playlist?list=PLiEcEGGtRVulE0CX091xD1ZcyV2T_HfKn

Live Demo

Live demo: https://30daysofvanillajavascript.com/

Features

• Daily vanilla JavaScript exercises organized by day.
• Shared components for patterns like modals, pagination, filtering, drag and drop, breadcrumbs, and form validation.
• Supporting JSON data for challenges such as dog breeds, filtered data, projects, and load-more pagination.

Tech Stack

• HTML
• CSS
• Vanilla JavaScript
• JSON

Quick Start

Clone the repo and open index.html in your browser, or use the VS Code Live Server extension.

git clone git@github.com:angelajholden/30daysofvanillajavascript.git

Project Structure

• index.html - main landing page for the challenge.
• day-02/ through day-30/ - individual challenge pages.
• components/ - reusable JavaScript challenge components.
• data/ - JSON files used by the demos.
• global/ - shared helpers used across multiple pages.

Notes

Add project-specific video links, demo links, or future improvements here as the project evolves.

Design & Assets

The visual design and project assets are my original work unless otherwise noted.

• The code in this repository is 100% original and written by me.
• Images, graphics, mockups, and media assets are provided for demonstration and educational purposes.
• If a third-party font, API, library, or service is used, keep its original license and attribution with the project.

License

This project is released under the MIT License.