JavaScript Learning Projects

Archived Project

This project is no longer actively maintained but remains available for reference and use. The code is stable and functional as of the last update.

Digital Budget Tracker

October 18, 2020

A practical web application for managing personal finances and tracking expenses. This project demonstrates JavaScript fundamentals including data storage, calculations, and dynamic user interface updates.

Key Features

Expense Tracking: Add and categorize daily expenses
Budget Management: Set monthly budgets and track spending
Visual Feedback: Real-time updates and progress indicators
Data Persistence: Local storage for maintaining data between sessions

Technical Implementation

Vanilla JavaScript for all functionality
DOM manipulation for dynamic content updates
LocalStorage API for data persistence
Responsive CSS for cross-device compatibility

Launch Budget Tracker

Pig Dice Game

October 15, 2020

An interactive two-player dice game built as part of "The Complete JavaScript Course 2020: Build Real Projects!" by Jonas Schmedtmann. This project showcases game logic implementation, state management, and user interaction handling.

Game Rules

Rolling a 1: Your turn ends immediately and you score 0 points for that turn

Rolling 2-6: The number is added to your current turn total and you can choose to roll again

Hold: Your turn total is added to your overall score and play passes to the other player

Winning: First player to reach 100 points wins the game

Technical Features

Game State Management: Track player scores, current player, and game status
Random Number Generation: Simulate dice rolls with Math.random()
Event Handling: Button clicks and user interactions
DOM Manipulation: Dynamic UI updates and animations
Game Logic: Turn-based gameplay and win condition checking

Learning Outcomes

This project helped me understand:

JavaScript fundamentals and ES6+ features
Event-driven programming concepts
State management in web applications
User interface design principles
Code organization and structure

Special thanks to Jonas Schmedtmann for creating such an engaging and comprehensive JavaScript course that made learning these concepts enjoyable and practical.

Play Pig Dice Game

My JavaScript Learning Journey

These projects represent important milestones in my web development journey. Starting with basic DOM manipulation and progressing to more complex game logic, each project taught me valuable lessons about JavaScript programming and web development best practices.

Key Skills Developed

JavaScript ES6+

DOM Manipulation

Event Handling

Local Storage

Game Logic

Responsive Design

Next Steps

These foundational projects paved the way for more advanced web development concepts including:

Modern JavaScript frameworks (React, Vue, Angular)
Backend development with Node.js
Database integration and API development
Advanced state management patterns
Testing and deployment strategies