w3resource

Daily Coding Challenges & Projects


Weekend


Frontend Mini Project Challenge

Focus : Mini Projects

Challenge :

Create a Portfolio Landing Page using HTML, CSS & JavaScript.

  • Include a dark/light mode toggle.
  • Responsive navigation bar with smooth scroll.
  • Showcase "Projects" section with hover effects.

Bonus : Save dark/light mode preference in localStorage.

Playground :CodePen Starter

Backend Challenge

Focus : Scala, R, Swift, TypeScript

Scala Challenge :

  • Write a program to implement a simple actor system that simulates sending and receiving messages.

R Challenge :

  • Create a script to fetch stock market data using an API and plot daily closing prices.

Swift (Server-side with Vapor) Challenge :

  • Create a route that accepts a JSON payload of a "task" and stores it in memory.

TypeScript (Node.js + TS) Challenge :

  • Build an Express route that validates user input with Zod before processing.

Database Query Challenge

Problems on SQL - HR Database :

  1. Write a query to list employees who earn more than the manager of their department.
  2. Write a query to find departments where the average salary is higher than the company-wide average.

HR database



Data Structures & Algorithms Challenge

  • Easy:
    • Problem : Implement a stack that supports getMin() in O(1).
    • Hint :Use an auxiliary stack to keep track of minimums.
  • Medium:
    • Problem : Rotate a matrix (NxN) by 90 degrees in place.
    • Hint :Swap elements layer by layer.
  • Hard:
    • Problem : Implement Aho-Corasick algorithm for multiple pattern string matching.
    • Hint :Build a trie + failure links.

Bug of the Day

Focus : Scala, R, Swift, TypeScript

    Buggy Code ( TypeScript ) :

    
    function addNumbers(a: number, b: number): number {
      return a + b;
    }
    
    let result: string = addNumbers(5, 10); 
    console.log(result);
    

Find & Fix : What’s wrong here? Fix the bug.

📋 Daily Micro-Project

Focus : Backend

Task :

Create a JWT-based authentication system.

  • Generate tokens for login.
  • Middleware to protect routes.
  • Bonus :Add refresh tokens for extended sessions.

Trivia: 5 Fun Facts

  1. TypeScript was developed by Microsoft in 2012 to improve large-scale JS development.
  2. The first version of Swift was released by Apple in 2014.
  3. Scala blends object-oriented and functional programming.
  4. R was created in 1993, mainly for statistical computing.
  5. The first database query language was called SEQUEL (Structured English Query Language).

Tool & Resource of the Day

Tool : DBeaver

  • Universal database client with support for MySQL, PostgreSQL, Oracle, and more.
  • Great for visualizing ER diagrams and writing SQL queries.

Resource Roundup :

  • FreeCodeCamp – Full TypeScript Course
  • Scala Exercises (Interactive)
  • Swift Playgrounds (Apple Learning App)

Interview Question of the Day

Daily Interview Questions

    Frontend :
    1. Difference between inline, inline-block, and block elements in CSS.
    2. How does Vue.js handle reactivity?
    3. Explain the concept of CSS specificity with examples.
    4. What are React fragments, and why are they useful?
    Backend :
    1. What are case classes in Scala?
    2. How does garbage collection work in Swift?
    3. Explain TypeScript’s type inference.
    4. What are closures in R?
    Database :
    1. What is a CTE (Common Table Expression)?
    2. Difference between UNION and UNION ALL.
    3. Explain ACID properties in databases.
    Others :
    1. What is continuous integration (CI) in DevOps?
    2. Explain difference between virtualization and containerization.

Daily Quiz Challenge

    Frontend :

    1. In CSS, what does em unit depend on?
    2. Vue.js uses which directive for conditionals?
    3. In React, what does useReducer hook do?

    Backend :

    1. Which keyword is used to declare immutable variables in Scala?
    2. In TypeScript, which symbol denotes optional properties?
    3. Which function in R is used to create data frames?

    Mixed :

    1. Database : Which SQL function is used to get the length of a string?
    2. Other :Who founded Git?

Weekly Cross-Domain Activities ( August 29 to September 04, 2025 )

API of the Day:

Integrate the NASA Astronomy Picture of the Day API and display today’s image.

Linux / DevOps Tip : Use df -h to check disk usage and du -sh for folder sizes.

Real-World Project of the Week ( August 29 to September 04, 2025 )

Project of the Week:

Build a habit tracker app ( Frontend: React/Vue + Backend: Node.js/Scala + DB: PostgreSQL).

Collaborative Project :

Join the open-source project FreeCodeCamp

Case Study :

Study how Netflix handles recommendations using collaborative filtering.


Previous Daily Coding Challenges & Projects : 04-04-2025   07-04-2025  08-04-2025  09-04-2025  10-04-2025  11-04-2025  14-04-2025  15-04-2025  16-04-2025  17-04-2025  18-04-2025  21-04-2025  22-04-2025  23-04-2025  24-04-2025  25-04-2025  28-04-2025  29-04-2025  30-04-2025  01-05-2025  02-05-2025  05-05-2025  06-05-2025  07-05-2025  08-05-2025  09-05-2025  12-05-2025  13-05-2025  14-05-2025  15-05-2025  16-05-2025  19-05-2025  20-05-2025  21-05-2025  22-05-2025  23-05-2025  26-05-2025  27-05-2025  29-05-2025  30-05-2025  02-06-2025  03-06-2025  04-06-2025  05-06-2025  06-06-2025  09-06-2025  10-06-2025  11-06-2025  12-06-2025  13-06-2025  16-06-2025  17-06-2025  18-06-2025  19-06-2025  20-06-2025  23-06-2025  24-06-2025  25-06-2025  26-06-2025  27-06-2025  30-06-2025  01-07-2025  02-07-2025  03-07-2025  04-07-2025  07-07-2025  08-07-2025  09-07-2025  10-07-2025  11-07-2025  14-07-2025  15-07-2025  16-07-2025  17-07-2025  18-07-2025  21-07-2025  22-07-2025  23-07-2025  24-07-2025  25-07-2025  28-07-2025  29-07-2025  05-08-2025  06-08-2025  07-08-2025  11-08-2025  12-08-2025  13-08-2025  14-08-2025  15-08-2025  18-08-2025  19-08-2025  20-08-2025  21-08-2025  22-08-2025  25-08-2025  26-08-2025  27-08-2025  28-08-2025



Follow us on Facebook and Twitter for latest update.