Daily Coding Challenges & Projects

Frontend Mini Project Challenge

Focus : CSS Animation Effects

Challenge :

Create a CSS animated progress bar that fills from 0% to 100% smoothly when the page loads.

Requirements :

• Use only HTML + CSS (no JavaScript).
• Add a smooth animation with @keyframes.

Bonus :Add percentage text inside the bar.

Playground :CodePen / JSFiddle

Backend Challenge

Focus : Java, Kotlin

Java Challenge :

• Write a program to implement LRU Cache using LinkedHashMap.

Kotlin Challenge :

• Build a simple REST API with Ktor that returns "Hello, World!" on /hello.

Database Query Challenge

Problems on SQL - HR Database :

1. Write a SQL query to list the top 3 highest earning employees in each department.
2. Write a SQL query to find departments where the average salary is higher than the company-wide average salary.

Data Structures & Algorithms Challenge

• Easy:
• Problem :Find the first non-repeating character in a string.
• Hint :Use a hash map to track frequencies.
• Medium:
• Problem : Implement a function to perform level-order traversal of a binary tree.
• Hint :Use a queue (BFS).
• Hard:
• Problem :Solve the Word Ladder problem (minimum transformation steps from one word to another).
• Hint :Use BFS with a word dictionary

Bug of the Day

Focus : Java, Kotlin

Buggy Code ( Java ):

public class Main {
    public static void main(String[] args) {
        String s = null;
        if (s.equals("hello")) {
            System.out.println("Match!");
        }
    }
}

Find & Fix : Find and fix the NullPointerException

📋 Daily Micro-Project

Focus : Backend

Task :

Create a command-line password generator in Java or Kotlin.

• User specifies length & whether to include special characters.
• Output: Random password.

Trivia: 5 Fun Facts

1. Java was originally called Oak before being renamed in 1995.
2. Kotlin is the official language for Android development since 2017.
3. The first database model was hierarchical, introduced by IBM in the 1960s.
4. Java’s JVM makes “write once, run anywhere” possible.
5. Kotlin code can interoperate with Java seamlessly.

Tool & Resource of the Day

Tool : DBeaver

• Universal database tool that supports SQL, NoSQL, and cloud databases.
• Great for exploring HR or practice datasets.

Resource Roundup :

• Java Programming for Beginners (GeeksforGeeks)
• Kotlin Docs (Official JetBrains)
• SQLBolt (Interactive SQL practice)

Interview Question of the Day

Daily Interview Questions

Frontend :
1. What’s the difference between inline, inline-block, and block in CSS?
2. Explain CSS specificity and how conflicts are resolved.
3. What is the difference between absolute, relative, and fixed positioning in CSS?
4. How does CSS Grid differ from Flexbox?

Backend :
1. Difference between JDK, JRE, and JVM in Java.
2. Explain coroutines in Kotlin.
3. What is the purpose of synchronized keyword in Java?
4. How does garbage collection work in Java?

Database :
1. What is a clustered index?
2. Difference between HAVING and WHERE clauses.
3. Explain referential integrity in SQL.

Others :
1. What is a virtual machine (VM) and how is it different from a container?
2. Explain the concept of CAP theorem in distributed systems.

Daily Quiz Challenge

Frontend :

1. Which CSS property is used for animations?
2. What does z-index control?
3. What is the default position value in CSS?
4. text

Backend :

1. Which Java collection does not allow duplicates?
2. In Kotlin, which keyword is used to declare a read-only variable?
3. Which HTTP method is idempotent?

Mixed :

1. Database : SQL command to remove a table
2. Other :Who created the Python language?

Weekly Cross-Domain Activities ( August 22 to August 28, 2025 )

API of the Day:

Build a Weather App using OpenWeatherMap API.

Linux Tip :Use htop to monitor CPU, memory, and processes in real-time.

Real-World Project of the Week ( August 22 to August 28, 2025 )

Project of the Week:

Build a Personal Portfolio Website with HTML, CSS, and JavaScript.

Collaborative Project :

Create an Open Source Expense Tracker in React + Node.js.

Case Study :

Analyze Twitter’s infinite scrolling → implement it using React + Intersection Observer API.