Daily Coding Challenges & Projects

Frontend Mini Project Challenge

Theme : Mini Frontend Projects (JavaScript, CSS, React, Vue)

Challenge :

Create an animated weather card using live data.

Requirements :

• Use any public weather API (e.g., OpenWeatherMap)
• Show temperature, icon, and city name
• Animate transition between weather updates

Bonus : Use local storage to save the last searched city.

Backend Challenge

Language Focus : Scala, R, Swift, TypeScript

Challenge :

Swift Vapor : Create an API that returns a list of books from a JSON file.

Bonus: Add filtering by genre and author.

Database Query Challenge

Problems on SQL - HR Database :

1. Write a query to find employees who joined on a weekend.
2. Write a query to retrieve the names of employees who report to the same manager and have the same job title.

Data Structures & Algorithms Challenge

• Easy:
• Problem : Determine if two strings are anagrams.
• Hint : Sort both strings and compare.
• Medium:
• Problem : Rotate a matrix 90 degrees clockwise in place.
• Hint : Use layer-by-layer rotation.
• Hard:
• Problem : Design a data structure that supports insert, delete, getRandom in O(1).
• Hint : Use a hash map and dynamic array.

Bug of the Day

Language Focus :

Language : TypeScript

Buggy Code:

// What's wrong?
interface User {
  name: string;
  age?: number;
}

const printAge = (user: User) => {
  console.log(user.age.toFixed(1));
};

Fix the bug. :

Hint : Optional chaining?

📋 Daily Micro-Project

Backend Focus :

Project :

Create a microservice in TypeScript (Node.js) to validate credit card numbers.

Bonus : Use the Luhn algorithm.

Trivia: 5 Fun Facts

1. The first programming language was created in 1883 by Ada Lovelace
2. Swift was introduced by Apple in 2014 as a replacement for Objective-C.
3. Scala is a blend of object-oriented and functional programming.
4. The term "bug" in programming was popularized by Grace Hopper.
5. JSON stands for JavaScript Object Notation and is language-independent.

Tool & Resource of the Day

Tool : Swagger UI

Visualize and test REST APIs interactively.

https://swagger.io/tools/swagger-ui/

Resource Roundup :

• Microservices Explained – TechWorld with Nana
• Designing Microservices – O’Reilly Book
• REST API Design Best Practices – GitHub Repo

Interview Question of the Day

Daily Interview Questions

Frontend :
1. What are props in React?
2. How does two-way binding work in Vue.js?
3. What are key differences between v-if and v-show in Vue?
4. What is the Shadow DOM?

Backend :
1. How does type inference work in TypeScript?
2. What are actors in Scala and how do they handle concurrency?
3. What is functional programming in R?
4. What is the difference between structs and classes in Swift?

Database ( SQL ) :
1. What is a composite primary key?
2. Explain the ACID properties.
3. How do materialized views differ from regular views?

Others :
1. What is YAML used for?
2. What is Infrastructure as Code (IaC)?

Daily Quiz Challenge

Frontend Quiz :

1. What does v-model do in Vue.js?
• One-way bind data
• Two-way data binding
• Defines a method
• Adds event listeners
2. What does key prop do in React?
• Encrypts data
• Uniquely identifies elements in a list
• Defines props
• Changes state
3. CSS Grid uses:
• flex
• grid-template
• float
• box

Backend Quiz :

1. In TypeScript, interface is used to:
• Run the server
• Define data contracts
• Compile TS to JS
• Start HTTP requests
2. What is the Swift equivalent of a dictionary?
• Array
• Object
• HashMap
• Dictionary
3. What does actor keyword do in Scala?
• Declares class
• Manages concurrency
• Handles HTTP
• Loads JSON

Others :

1. Database : Which index type supports full-text search?
• B-tree
• Hash
• Full-text
• Clustered
2. General : Which command shows disk usage in Linux?
• ls
• du
• df
• ps

Weekly Cross-Domain Activities ( June 27 to July 03, 2025 )

API of the Day:

Task : Build a real-time currency converter using the ExchangeRate API

https://www.exchangerate-api.com/

Linux/DevOps Tip :

Title : Top 5 Log Monitoring Commands: tail, grep, less, journalctl, watch

Real-World Project of the Week ( June 27 to July 03, 2025 )

Project of the Week:

Build a Book Management System with Vue.js + Node.js + PostgreSQL

Collaborative Project:

Contribute to an open-source to-do app with multi-user auth on GitHub.

Case Study:

Explore how Notion uses dynamic blocks and replicate a basic block editor.