Daily Coding Challenges & Projects

Frontend Mini Project Challenge

Focus : React Hooks & State Management

Challenge :

Create a React form with live validation using Hooks (useState, useEffect).

• Fields : Name, Email, Password.
• Validate email format and password strength (min length 8).
• Disable submit button until form is valid.

Bonus : Show real-time error messages below each field.

Playground : CodeSandbox Starter

Backend Challenge

Focus : Node.js & Go

Node.js Challenge :

• Create a REST API with Express that:
• Accepts a POST request with JSON user data.
• Returns a unique userId with a timestamp.

Go Challenge :

• Write a Go program to implement a simple concurrent file downloader using goroutines.

Database Query Challenge

Problems on SQL - HR Database :

1. Write a query to find the second highest salary in each department.
2. Write a query to list employees who have the same job title as their manager

Data Structures & Algorithms Challenge

• Easy:
• Problem : Implement a queue using two stacks.
• Hint :Push to one stack, pop using transfer between stacks.
• Medium:
• Problem : Find the majority element (appears more than n/2 times) in an array.
• Hint :Use Boyer-Moore Voting Algorithm.
• Hard:
• Problem : Implement Dijkstra’s algorithm for shortest path.
• Hint :Use a priority queue (min-heap).

Bug of the Day

Focus : Node.js / Go

Buggy Code ( Node.js ):

const express = require("express");
const app = express();

app.get("/user", (req, res) => {
  res.send("User: " + req.body.name);
});

app.listen(3000);

Find & Fix : Why is req.body undefined in a GET request? Fix it.

📋 Daily Micro-Project

Focus : Frontend

Task :

Build a progress bar component in React that:

• Fills based on a percentage prop.
• Smoothly animates when the percentage updates.
• Bonus : Add color change when crossing thresholds (e.g., red < 30%, yellow < 70%, green ≥ 70%).

Trivia: 5 Fun Facts

1. The first version of Go language was released by Google in 2009.
2. Node.js is built on Chrome’s V8 JavaScript engine.
3. The original React was created by Jordan Walke at Facebook.
4. The SQL standard was first published by ANSI in 1986.
5. The concept of hash tables was first described in 1953.

Tool & Resource of the Day

Tool : Insomnia

• A fast, lightweight API testing tool.
• Great alternative to Postman with built-in REST & GraphQL support.

Resource Roundup :

• Node.js Design Patterns (Book)
• Go by Example (Free website)
• React Beta Docs – Official React learning path

Interview Question of the Day

Daily Interview Questions

Frontend :
1. What is the purpose of useEffect in React?
2. How does React’s reconciliation algorithm (Fiber) work?
3. Difference between controlled vs uncontrolled components in React.
4. What is the difference between React Context API and Redux?

Backend :
1. Explain event loop in Node.js.
2. How do goroutines differ from threads in Go?
3. What is middleware in Express.js?
4. Explain how Go handles memory management (Garbage Collector).

Database :
1. What is a foreign key constraint?
2. Difference between clustered and non-clustered indexes.
3. Explain normalization and denormalization with examples.

Others :
1. What is a reverse proxy? Give an example.
2. Explain the CAP theorem in distributed systems.

Daily Quiz Challenge

Frontend :

1. Which hook is used to manage component state in React?
2. Which CSS property controls the stacking order of elements?
3. In React, what does key prop do in lists?

Backend :

1. Which module in Node.js is used to create a server?
2. In Go, which keyword is used to start a goroutine?
3. Node.js follows which design pattern for I/O?

Mixed :

1. Database : Which SQL command is used to remove a table entirely?
2. Other :Who invented the World Wide Web?

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.