Day - 5: Final project (HTML + CSS + Javascript)

On the final of the Web Development Basics 101 boot camp, held in collaboration with Reactplay, participants were encouraged to build projects that would help them improve their understanding of HTML, CSS, and Javascript. To start the day, a revision of the fundamental concepts in HTML, CSS, and Javascript was conducted to ensure that all attendees were at the same level.

The project that was made on the final day was the Food Bill Calculator. The main aim behind creating this project was to make attendees understand the core javascript concepts like DOM manipulation and event handling.

A brief overview of the content covered is as follows:

• DOM Manipulation
• Event Listeners and Event handling
• Build a Food Bill Calculator using all the learning
• Tasks and Practices after the Bootcamp
• Resources
• Communication

For this particular project, we had a predefined list of food items with fixed prices. Each food item had a corresponding counter that allowed users to increase or decrease the quantity of that particular item. The final bill amount was then calculated based on the total quantity of each selected food item.

Here are a few highlights from Day 5 of the boot camp:

Find the link for Day - 5 of the Web Development Basics 101 boot camp here: