JavaScript Project Ideas

Solidify your Vanilla JS knowledge with these project ideas. No frameworks, just the logic.

1. Expense Tracker

• Create a small app to add, delete, and filter expenses.
• Focus: LocalStorage, form validation, and DOM manipulation.

2. Weather App (API-based)

• Fetch real-time weather data from OpenWeatherMap API based on city search.
• Focus: fetch, Async/Await, and handling API responses.

3. Custom Video Player

• Build a custom skin for an HTML5 <video> element with custom controls.
• Focus: Video API, Event listeners (play, pause, timeupdate).

4. Notes Taking App

• Allow users to create, search, and delete sticky notes.
• Focus: Array methods, searching logic.

---

Next Step: Prepare for Machine Coding.