Codstak
    • Home
    • DSA
    • JavaScript
    • TypeScript
    • Node.js
    • React
    • More↓
      BlogReact PrepPricingDiscordNewsletterLeaderboard
    Codstak

    Hands-on coding practice for web developers preparing for real frontend work and interviews.

    Practice

    • React challenges
    • JavaScript
    • TypeScript
    • Data structures

    Resources

    • Blog
    • Interview prep
    • Leaderboard
    • Pricing
    • Feedback

    Stay Updated

    Get weekly coding challenges and interview prep tips

    © 2026 Codstak. All rights reserved.

    PrivacyTermsNewsletter

    TypeScript

    API contracts, safe data handling, and reusable typed operations.

    11 primary challenges / 9 optional warm-ups

    Engineering practice

    1. 1

      Focus Route Caption

      Use a literal union to make an existing navigation lookup safe and complete.

      easy25 minEngineering practiceFree
    2. 2

      Milestone Status Line

      Model nullable API data so an existing summary builder becomes type-safe.

      easy30 minEngineering practiceFree
    3. 3

      First Saved Resource

      Add a generic relationship to an already implemented save helper.

      easy25 minEngineering practiceFree
    4. 4

      Profile Detail Reader

      Repair the generic key relationship in an already implemented property reader.

      medium30 minEngineering practiceFree
    5. 5

      Weekly Minutes Total

      Constrain an existing sparse-log aggregation with a literal-key utility type.

      easy25 minEngineering practiceFree
    6. 6

      Learner Contact Snapshot

      Repair an unknown-boundary contract around an already implemented contact parser.

      medium40 minEngineering practiceFree
    7. 7

      Learning Activity Line

      Replace a broad event shape with a discriminated union around an existing formatter.

      easy30 minEngineering practiceFree
    8. 8

      Profile Draft Merge

      Restrict an already safe profile merge with precise utility types.

      medium40 minEngineering practiceFree
    9. 9

      Safe Checklist Copy

      Add a deeply readonly contract to an already independent checklist snapshot.

      medium40 minEngineering practiceFree
    10. 10

      Save State Message

      Model mutually exclusive save states around an existing exhaustive formatter.

      medium40 minEngineering practiceFree
    11. 11

      Outcome Check

      Repair a generic result union around implemented async success and failure handling.

      medium45 minEngineering practiceFree
    Optional introductory practice (9)
    1. 1

      Dashboard Greeting Contract

      Add a precise function contract to an already implemented learner greeting.

      easy10 minWarm-upFree
    2. 2

      Lesson Progress Meter

      Replace broad placeholders with a numeric domain type and reusable function contract.

      easy10 minWarm-upFree
    3. 3

      Study Tag Tidy-Up

      Define a precise string-literal union for the first study tags.

      easy5 minWarm-upFree
    4. 4

      Checkpoint Tally

      Model one checkpoint with a small object type.

      easy5 minWarm-upFree
    5. 5

      Lesson Clock Lookup

      Use Record to describe a typed lesson-duration lookup.

      easy5 minWarm-upFree
    6. 6

      Feedback Signal

      Model feedback that may not exist yet.

      easy5 minWarm-upFree
    7. 7

      Position Your Resources

      Carry a generic resource type through a position object.

      easy5 minWarm-upFree
    8. 8

      Lesson Order Switch

      Use a generic type to describe a labelled lesson response.

      easy5 minWarm-upFree
    9. 9

      Today's Study Snapshot

      Recap object and array types by modelling a study summary.

      easy5 minWarm-upFree