Daily Coding Challenges & Projects

Frontend Mini Project Challenge

Theme : Vue.js Components

Challenge :

Build a dynamic form generator using Vue.js.

Requirements :

• Create a Vue component that takes a JSON schema as input
• Dynamically render input fields based on type (text, number, checkbox)
• Validate required fields on submit

Bonus : Support nested field structures.

Backend Challenge

Language Focus : Python, PHP

Python Task :

Write a script that parses access logs and identifies IPs with more than 100 requests.

Bonus : Output a summary report sorted by frequency.

Database Query Challenge

Problems on SQL - HR Database :

1. Write a query to get departments where the average salary is higher than the company average.
2. Write a query to list managers who have more than 5 direct reports.

Data Structures & Algorithms Challenge

• Easy:
• Problem :Check if a linked list has a cycle.
• Hint :Use two pointers (fast and slow).
• Medium:
• Problem :Group anagrams from a list of strings.
• Hint : Use a hash map with sorted string as key.
• Hard:
• Problem :Implement a Trie (prefix tree) with insert, search, and startsWith operations.
• Hint : Each node should map characters to child nodes.

Bug of the Day

Language : Python

Python Bug

Buggy Code:

# What's wrong?
def greet(name):
    print("Hello" + name)

greet(None)

Fix the bug. :

Hint : Handle NoneType inputs gracefully.

📋 Daily Micro-Project

Database Focus :

Task :

Optimize a query that fetches employee salaries by adding appropriate indexes.

Bonus: Compare execution time before and after optimization.

Trivia: 5 Fun Facts

1. Python was named after "Monty Python," not the snake.
2. PHP originally stood for "Personal Home Page."
3. Java was initially called Oak.
4. The first computer programmer was Ada Lovelace.
5. SQL was developed at IBM in the 1970s.

Tool & Resource of the Day

Tool : DBeaver

Powerful universal database tool for developers and analysts.

https://dbeaver.io

Resource Roundup : Vue.js

• Vue Mastery’s Beginner to Advanced Courses
• Vue.js Documentation Cheat Sheet
• "Vue 3 from Scratch" – YouTube Series

Interview Question of the Day

Daily Interview Questions

Frontend :
1. How does Vue handle reactivity under the hood?
2. What are watchers in Vue and when would you use them?
3. What is the purpose of v-bind?
4. How does Vue’s virtual DOM differ from React’s?

Backend :
1. How does Python’s garbage collector work?
2. What is the difference between WSGI and ASGI?
3. How does PHP handle session management?
4. What are the common security pitfalls in PHP?

Database ( SQL ) :
1. What is normalization in databases?
2. When should you denormalize data?
3. What is a foreign key and how does it enforce integrity?

Others :
1. What is cron and how is it used?
2. What’s the difference between HTTP and HTTPS?

Daily Quiz Challenge

Frontend Quiz :

1. Which Vue directive is used for conditional rendering?
• v-model
• v-if
• v-bind
• v-for
2. What does the key attribute do in Vue?
   • Binds a value
   • Forces re-rendering
   • Defines a method
   • Triggers a watcher
3. CSS transitions can animate:
• Padding
• Border-color
• Transform
• All of the above

Backend Quiz :

1. Which PHP function starts a session?
• begin_session()
• session_start()
• open_session()
• start()
2. Which Python library is used for handling regular expressions?
• regexpy
• regexp
• re
• regex
3. What does WSGI stand for?
• Web Server Gateway Interface
• Web Secure Gateway Interface
• Web Services Gateway Integration
• None of the above

Database :

1. What does a composite key consist of?
• One field
• Two or more fields
• All fields
• None

General :

1. Which command is used to show all running processes in Linux?
• ls
• ps
• rm
• run

Weekly Cross-Domain Activities ( July 04 to July 10, 2025 )

API of the Day:

Task : Build a currency converter using the ExchangeRate-API.

Details :

• Fetch real-time currency conversion rates using https://www.exchangerate-api.com/.
• Allow users to select base and target currencies.
• Display the converted amount dynamically.

Bonus :

• Add error handling for invalid inputs.
• Style it with CSS for a clean look.

Linux/DevOps Tip :

5 commands to monitor system performance:

• top, htop, free -m, df -h, uptime

Real-World Project of the Week ( July 04 to July 10, 2025 )

Project of the Week:

Build a responsive personal portfolio using HTML, CSS, JavaScript, and optionally React.

Collaborative Project:

Contribute to a GitHub open-source project — Suggest projects like https://github.com/firstcontributions/first-contributions

Case Study:

Explore how Netflix uses microservices and scalable cloud infrastructure.