Daily Coding Challenges & Projects

Frontend Mini Project Challenge

Category : Vue.js Components

Challenge :

Create a Vue.js counter component with increment, decrement, and reset buttons.

Requirements :

• The counter should start at 0.
• Increment and decrement should update the count.
• Reset should set it back to 0.

Example Vue Component :

<template>
  <div>
    <h2>{{ count }}</h2>
    <button @click="count++">+</button>
    <button @click="count--">-</button>
    <button @click="count = 0">Reset</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 0
    }
  }
}
</script>

<style>
button {
  margin: 5px;
  padding: 10px;
}
</style>

Backend Challenge

Category : Python, PHP

Problem :

Write a Python script to read a large text file line by line without loading the whole file into memory, and count the number of lines.

Extra : For PHP, implement a script that reads a CSV file and converts it to JSON format.

Database Query Challenge

Problems on SQL - HR Database :

1. Find the top 3 highest-paid employees in each department
2. List employees who do not manage anyone

Data Structures & Algorithms Challenge

• Easy:
• Problem :Implement a stack using a Python list with push and pop methods.
• Hint :Use append for push, pop method for pop.
• Medium:
• Problem : Implement quicksort in Python.
• Hint :Choose pivot, partition array, recursively sort.
• Hard:
• Problem :Solve the “Word Ladder” problem using BFS.
• Hint :Each word is a node, edges exist between words that differ by 1 letter.

Bug of the Day

Language : Python

Python Bug

Buggy Code:

def add_numbers(a, b=[]):
    b.append(a)
    return b

print(add_numbers(1))
print(add_numbers(2))

Challenge : Fix the bug so that the default list is not shared between function calls.

📋 Daily Micro-Project

Type : Database

Task :

Optimize a SQL query that selects all employees earning above $50,000 with indexes.

Trivia: 5 Fun Facts

1. Vue.js was created by Evan You in 2014.
2. Python’s name came from Monty Python’s Flying Circus, not the snake.
3. PHP originally stood for "Personal Home Page."
4. MySQL was acquired by Sun Microsystems in 2008, which was later acquired by Oracle.
5. The first database management system was created in the 1960s.

Tool & Resource of the Day

Tool : DBeaver

Use : A free, universal database tool that works with SQL, NoSQL, and cloud databases.

Interview Question of the Day

Daily Interview Questions

Frontend :
1. How do you pass data from a parent to a child component in Vue.js?
2. What is the difference between v-show and v-if in Vue?
3. Explain Vue.js lifecycle hooks.
4. What is the difference between Vue 2 and Vue 3?

Backend :
1. What is the difference between deepcopy and copy in Python?
2. How does Python’s GIL (Global Interpreter Lock) affect multithreading?
3. In PHP, what is the difference between include and require?
4. Explain what a RESTful API is in simple terms.

Database :
1. What is a self-join in SQL?
2. What is a composite key?
3. Explain ACID properties in databases.

Others :
1. What is the difference between compiled and interpreted languages?
2. What is a shell in operating systems?

Daily Quiz Challenge

Frontend :

1. Which Vue directive is used for conditional rendering?
• v-else
• v-if
• v-show
• v-render
2. Which lifecycle hook is called after a component is mounted in Vue?
• beforeCreate
• created
• mounted
• updated
3. In Vue, what is used to bind an attribute to data?
• :
• @
• #
• $

Backend :

1. Which Python keyword is used to define a function?
• func
• define
• def
• lambda
2. In PHP, which symbol is used to denote variables?
• #
• $
• %
• @
3. Which Python collection type is immutable?
• List
• Dictionary
• Set
• Tuple

Mixed :

1. Database :Which SQL command is used to remove a table?
2. Other :Which OS command lists all files in a directory (Linux)?

Weekly Cross-Domain Activities ( August 01 to August 07, 2025 )

API of the Day:

Build a crypto tracker using the CoinGecko API.

Display current prices and 24h change of selected coins.

Linux/DevOps Tip :

Top 10 htop features for server monitoring (process tree, CPU graph, filter by user, etc.)

Real-World Project of the Week ( August 01 to August 07, 2025 )

Project of the Week:

Build a Task Manager App with React + Node.js + MongoDB (MERN Stack)

Collaborative Project:

Create an Open Source GitHub repo for “Interview Prep Hub” – collect user-submitted questions and answers.

Case Study:

Explore how Notion manages blocks and rich content – replicate a basic block-based note editor with contenteditable elements.